/* ============================================================
   TABYLAM — DESIGN TOKENS (consolidated)
   Source: _ds/tabylam-design-system-290a1524.../tokens/*.css
   ============================================================ */

:root {
  /* ── Green scale — brand primary ── */
  --green-900: #061F13;
  --green-800: #0A2A19;
  --green-700: #083821;
  --green-600: #0E4A2C;
  --green-500: #1C5E3D;

  /* ── Gold scale — brand accent ── */
  --gold-500: #D5B585;
  --gold-400: #E2C79C;
  --gold-300: #ECD7B5;
  --gold-100: #F6ECD8;

  /* ── Surface / Background ── */
  --cream-50:  #FFFFFF;
  --cream-200: #F4F1EA;
  --gray-50:   #F7F6F2;
  --gray-100:  #EFEDE5;

  /* ── Ink / Typography ── */
  --ink-900: #14201A;
  --ink-700: #2D3A33;
  --ink-500: #5E6B64;
  --ink-300: #9AA39D;

  /* ── Lines / Borders ── */
  --line:      rgba(213, 181, 133, 0.22);
  --line-soft: rgba(20, 32, 26, 0.08);

  /* ── CorteCloud system ── */
  --cc-teal:     #1a7a97;
  --cc-aqua:     #63beaf;
  --cc-dark:     #176c86;
  --cc-gradient: linear-gradient(to right, #1a7a97, #63beaf);

  /* ── Status ── */
  --status-win:   #16A34A;
  --status-lose:  #DC2626;
  --status-amber: #D97706;
  --status-new:   #7C3AED;

  /* ── Third-party ── */
  --wa-green: #25D366;

  /* ── Font families ── */
  --f-display: 'Nunito', sans-serif;
  --f-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --f-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ── Type scale ── */
  --text-2xs:  9px;
  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 14px;
  --text-md:   15px;
  --text-lg:   17px;
  --text-xl:   19px;

  /* ── Font weights ── */
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;

  /* ── Letter-spacing ── */
  --ls-tight:   -0.025em;
  --ls-tighter: -0.02em;
  --ls-normal:   0;
  --ls-wide:     0.06em;
  --ls-wider:    0.12em;
  --ls-widest:   0.18em;

  /* ── Line heights ── */
  --lh-display: 0.98;
  --lh-heading: 1.05;
  --lh-body:    1.55;
  --lh-tight:   1.2;
  --lh-label:   1.45;

  /* ── Border radius ── */
  --r:      6px;
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-2xl:  24px;
  --r-pill: 999px;

  /* ── Spacing scale ── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-30: 120px;

  /* ── Layout ── */
  --max-width:          1320px;
  --max-width-content:  1280px;
  --pad-x:              40px;
  --pad-x-mobile:       20px;
  --pad-section:        120px;
  --pad-section-mobile: 64px;
  --nav-height:         72px;

  /* ── Shadows ── */
  --shadow-xs:    0 4px 12px rgba(8, 56, 33, 0.06);
  --shadow-sm:    0 4px 12px rgba(8, 56, 33, 0.12);
  --shadow-gold:  0 18px 40px -10px rgba(213, 181, 133, 0.5);
  --shadow-card:  0 24px 60px -20px rgba(0, 0, 0, 0.5);
  --shadow-green: 0 30px 60px -20px rgba(8, 56, 33, 0.4);
  --shadow-cc:    0 4px 20px rgba(26, 122, 151, 0.35);
  --shadow-wa:    0 14px 32px -6px rgba(37, 211, 102, 0.5);
}