/* =============================================
   CESA Design System — Tokens
   
   Paleta oficial:
     Cream:    #e5dbc7
     Burgundy: #441b29
     Black:    #000000
     Navy:     #202b3a
     Gold:     #c0ab59
     Green:    #2f3c32
   ============================================= */

:root {
  /* Brand Colors */
  --cesa-cream:    #e5dbc7;
  --cesa-burgundy: #441b29;
  --cesa-black:    #000000;
  --cesa-navy:     #202b3a;
  --cesa-gold:     #c0ab59;
  --cesa-green:    #2f3c32;

  /* Tints / Opacity variations */
  --cesa-cream-80: rgba(229, 219, 199, 0.8);
  --cesa-cream-60: rgba(229, 219, 199, 0.6);
  --cesa-cream-40: rgba(229, 219, 199, 0.4);
  --cesa-gold-80:  rgba(192, 171, 89, 0.8);
  --cesa-navy-90:  rgba(32, 43, 58, 0.9);
  --white-10:      rgba(255, 255, 255, 0.10);
  --white-05:      rgba(255, 255, 255, 0.05);

  /* Typography */
  --font-heading: 'Oswald', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* Spacing scale */
  --space-xs:  0.25rem;   /* 4px  */
  --space-sm:  0.5rem;    /* 8px  */
  --space-md:  1rem;      /* 16px */
  --space-lg:  1.5rem;    /* 24px */
  --space-xl:  2rem;      /* 32px */
  --space-2xl: 3rem;      /* 48px */
  --space-3xl: 4rem;      /* 64px */
  --space-4xl: 5rem;      /* 80px */

  /* Borders */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.15);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.2);

  /* Navbar */
  --navbar-height: 4rem;   /* 64px */

  /* Content max width */
  --content-max: 80rem;    /* 1280px */
  --content-px:  1.5rem;   /* 24px  */
}