/* ============================================================
   CoreSpec 3D — Design Tokens
   Brand guidelines: COR-25-004 v2
   ============================================================ */

:root {

  /* ── Colour palette ──────────────────────────────────── */
  --color-amber:        #FCBF20;   /* Core Amber — primary accent */
  --color-amber-dark:   #D9A000;   /* Amber pressed/hover */
  --color-amber-light:  #FED75A;   /* Amber tint */

  --color-black:        #000000;
  --color-black-75:     #2F2F2F;   /* Primary text */
  --color-black-50:     #6E6E73;   /* Secondary text / captions */
  --color-black-25:     #C9C9C9;   /* Borders / dividers */
  --color-black-10:     #EFEFEF;   /* Subtle dividers */

  --color-white:        #FFFFFF;
  --color-off-white:    #FBFAF5;   /* Foundation Off-White */
  --color-grey:         #F3F1EA;   /* Foundation Grey — primary bg */

  /* ── Typography ────────────────────────────────────── */
  --font-primary:       'Fustat', Arial, sans-serif;
  --font-secondary:     Arial, sans-serif;

  /* Modular scale (1.25) — base 16px for web */
  --text-display:       clamp(2.5rem, 5vw, 3.8rem);   /* ~61px */
  --text-headline:      clamp(1.9rem, 3.5vw, 3.05rem); /* ~48px */
  --text-heading:       clamp(1.5rem, 2.5vw, 2.44rem); /* ~39px */
  --text-subheading:    clamp(1.2rem, 2vw, 1.95rem);   /* ~31px */
  --text-intro:         1.25rem;    /* 20px */
  --text-body:          1rem;       /* 16px */
  --text-body-sm:       0.875rem;   /* 14px */
  --text-caption:       0.8rem;     /* 12.8px */
  --text-label:         0.75rem;    /* 12px — tracked caps */

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

  /* ── Line heights ───────────────────────────────────── */
  --leading-tight:      1.1;
  --leading-heading:    1.2;
  --leading-body:       1.6;
  --leading-loose:      1.75;

  /* ── Letter spacing ─────────────────────────────────── */
  --tracking-label:     0.15em;
  --tracking-display:   -0.02em;

  /* ── Spacing scale ──────────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  2.5rem;
  --space-8:  3rem;
  --space-9:  4rem;
  --space-10: 6rem;
  --space-11: 8rem;

  /* ── Border radius ──────────────────────────────────── */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  20px;
  --radius-pill: 999px;

  /* ── Shadows ─────────────────────────────────────────── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:  0 12px 40px rgba(0,0,0,0.14);

  /* ── Transitions ─────────────────────────────────────── */
  --transition-base: 200ms ease;
  --transition-slow: 400ms ease;

  /* ── Layout ──────────────────────────────────────────── */
  --container-max:  1280px;
  --container-wide: 1440px;
  --nav-height:     72px;
}