/* ============================================================
   DESIGN TOKENS — Limited to Limitless™ brand
   Extracted from stopaiwttool-kvpqkvqp.manus.space
   DO NOT hard-code values outside this file.
   ============================================================ */

:root {
  /* === BRAND PALETTE === */
  --color-dark:        #0b1017;   /* hero / dark-section background */
  --color-dark-mid:    #11151b;   /* body text on light backgrounds */
  --color-dark-alt:    #161b22;   /* slightly lighter dark (cards on dark) */
  --color-cream:       #fffaf1;   /* primary text + decoration on dark bg */
  --color-cream-mid:   #f7f0e5;   /* secondary text on dark bg */
  --color-cream-muted: #dfd3c1;   /* muted / supporting copy on dark bg */
  --color-body-bg:     #f9f5ec;   /* page light background */
  --color-light-bg:    #f0e5d2;   /* alternate warm-light section bg */
  --color-gold:        #caa45d;   /* primary accent — CTA, borders, highlights */
  --color-gold-dark:   #b8923f;   /* gold hover / active state */
  --color-gold-pale:   #e8d5a8;   /* very light gold tint */
  --color-border:      #d7c7ad;   /* warm tan rule / divider */
  --color-card:        #fefcf8;   /* card / callout background */
  --color-muted-text:  #6b5e4a;   /* muted body text on light bg */
  --color-footer-link: #d8cdb9;   /* footer link color */

  /* === TYPOGRAPHY === */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont,
                  "Segoe UI", Roboto, sans-serif;

  /* Type scale */
  --text-xs:    0.75rem;    /* 12px */
  --text-sm:    0.875rem;   /* 14px */
  --text-base:  1rem;       /* 16px */
  --text-md:    1.125rem;   /* 18px */
  --text-lg:    1.25rem;    /* 20px — body default on brand ref */
  --text-xl:    1.5rem;     /* 24px */
  --text-2xl:   2rem;       /* 32px */
  --text-3xl:   2.5rem;     /* 40px */
  --text-4xl:   3rem;       /* 48px */
  --text-hero:  clamp(2.25rem, 6vw, 4.5rem);
  --text-display: clamp(3rem, 9vw, 5.5rem);

  /* Leading */
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* Tracking */
  --tracking-tight:  -0.03em;
  --tracking-normal: 0;
  --tracking-wide:   0.08em;
  --tracking-wider:  0.15em;

  /* === SPACING === */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Section vertical rhythm */
  --section-pad-y: clamp(3rem, 6vw, 5rem);

  /* === BORDERS & RADII === */
  --radius-none: 0px;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   8px;
  --radius-full: 9999px;

  /* === SHADOWS === */
  --shadow-sm:  0 1px 3px rgba(11,16,23,0.10);
  --shadow-md:  0 4px 16px rgba(11,16,23,0.14);
  --shadow-lg:  0 8px 32px rgba(11,16,23,0.18);
  --shadow-gold: 0 0 0 3px rgba(202,164,93,0.35);

  /* === LAYOUT === */
  --container-max:    1200px;
  --container-narrow: 760px;
  --container-pad:    clamp(1rem, 4vw, 2rem);

  /* === TRANSITIONS === */
  --transition-fast:   140ms ease;
  --transition-normal: 240ms ease;
  --transition-slow:   400ms ease;

  /* === Z-INDEX === */
  --z-base:   1;
  --z-sticky: 100;
  --z-modal:  400;
  --z-toast:  500;
  --z-cookie: 600;
}