/* ==========================================================================
   Right On Events — Design Tokens
   Single source of truth for all visual values.
   RULE: No CSS file should use hardcoded values. Always var(--token).
   ========================================================================== */

:root {
  /* Cores */
  --color-red:        #8B1A1A;
  --color-red-hover:  #a52222;
  --color-dark:       #1a1a1a;
  --color-blush:      #f5ebe8;
  --color-text-gray:  #555555;
  --color-mid-gray:   #e0e0e0;
  --color-light-gray: #f9f9f9;
  --color-white:      #ffffff;
  --color-footer:     #111111;

  /* Tipografia */
  --font-heading: 'Cormorant Garamond', serif;
  --font-body:    'Inter', sans-serif;

  --text-xs:   0.6875rem;   /* 11px */
  --text-sm:   0.8125rem;   /* 13px */
  --text-base: 0.9375rem;   /* 15px */
  --text-lg:   1.125rem;    /* 18px */
  --text-xl:   1.625rem;    /* 26px */
  --text-2xl:  2.25rem;     /* 36px */
  --text-3xl:  3rem;        /* 48px */

  --line-height-tight:  1.2;
  --line-height-normal: 1.6;

  --font-weight-normal:   400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* Espaçamentos */
  --space-xs:  0.25rem;   /* 4px */
  --space-sm:  0.5rem;    /* 8px */
  --space-md:  1rem;      /* 16px */
  --space-lg:  2rem;      /* 32px */
  --space-xl:  4rem;      /* 64px */
  --space-2xl: 6rem;      /* 96px */

  /* Layout */
  --max-width:        1100px;
  --border-radius:    2px;
  --border-radius-md: 4px;
  --border-radius-lg: 8px;

  /* Transições */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
}