/* ==========================================================================
   JOSEPH DARRAGH, CFE - DESIGN TOKENS
   Source of truth: the joedarragh.com global kit (colors + type) carried
   over from the previous build. Every color, font, and spacing value used
   anywhere on the site is defined here. Do not hard-code values in page
   CSS; reference these custom properties.
   ========================================================================== */

:root {

  /* --------------------------------------------------------------------
     COLOR - core palette
     -------------------------------------------------------------------- */
  --ink:          #15130E;   /* primary. headlines, dark surfaces, footer, primary buttons */
  --text:         #2A2721;   /* body copy on light surfaces */
  --text-light:   #5A554B;   /* secondary body copy, ledes, supporting text */
  --label:        #656157;   /* metadata, fine print, mono labels (4.5:1 on every cream) */

  --cream:        #F4F1EA;   /* default page background */
  --cream-deep:   #E2DCCB;   /* alternate band background */
  --cream-bright: #FBF9F3;   /* card and panel background */
  --fill:         #EFE4E1;   /* soft tinted fill (category pills, accents) */
  --line:         #D4CEBE;   /* rules, borders, dividers */

  --maroon:       #6E1A1A;   /* accent. consequence, active states, italic emphasis */
  --maroon-deep:  #541111;   /* maroon hover / pressed */
  --maroon-tint:  rgba(110, 26, 26, 0.09);  /* category pill background */

  --gold:         #9A7B2F;   /* earned credentials and figures only. never decorative */
  --gold-text:    #765E24;   /* gold as small text on cream (4.5:1); the brighter gold stays for marks and rules */
  --gold-soft:    #C3A560;   /* gold on dark surfaces */

  --green:        #006633;   /* success states */
  --white:        #FFFFFF;
  --black:        #000000;

  /* on-dark variants */
  --dark-line:    #2A2721;   /* rules on ink surfaces */
  --dark-text:    #CFC9BC;   /* body copy on ink surfaces */
  --dark-label:   #8B8578;   /* labels on ink surfaces */

  /* --------------------------------------------------------------------
     TYPE - families
     -------------------------------------------------------------------- */
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter Tight', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'Cascadia Mono', monospace;
  --font-wordmark:'Cinzel', 'Trajan Pro', Georgia, serif;

  /* --------------------------------------------------------------------
     TYPE - scale
     -------------------------------------------------------------------- */
  --fs-display-1: clamp(2.75rem, 6vw, 4.75rem);    /* page heroes */
  --fs-display-2: clamp(2.125rem, 4.2vw, 3.25rem); /* section titles */
  --fs-display-3: clamp(1.625rem, 3vw, 2.25rem);   /* sub-feature titles */
  --fs-h3:        1.375rem;                        /* card + block titles (22px per kit) */
  --fs-h4:        1.125rem;
  --fs-lede:      clamp(1.125rem, 1.6vw, 1.3125rem);
  --fs-body:      1rem;                            /* 16px per kit */
  --fs-small:     0.875rem;
  --fs-fine:      0.8125rem;
  --fs-eyebrow:   0.75rem;                         /* mono, uppercase */
  --fs-meta:      0.75rem;                         /* mono metadata (12px per kit) */
  --fs-pill:      0.75rem;

  --lh-tight:     1.1;
  --lh-heading:   1.2;    /* per kit: headings 1.2em */
  --lh-body:      1.6;
  --ls-body:      0.0125em;  /* per kit: 0.2px on 16px */
  --ls-heading:   0.0375em;  /* per kit: 0.6px */
  --ls-eyebrow:   0.16em;
  --ls-mono:      0.02em;
  --ls-wordmark:  0.09em;

  /* --------------------------------------------------------------------
     SPACE - 4px base scale
     -------------------------------------------------------------------- */
  --s-1:  0.25rem;   /*   4px */
  --s-2:  0.5rem;    /*   8px */
  --s-3:  0.75rem;   /*  12px */
  --s-4:  1rem;      /*  16px */
  --s-5:  1.5rem;    /*  24px */
  --s-6:  2rem;      /*  32px */
  --s-7:  3rem;      /*  48px */
  --s-8:  4rem;      /*  64px */
  --s-9:  6rem;      /*  96px */
  --s-10: 8rem;      /* 128px */

  /* section rhythm */
  --section-pad:       clamp(var(--s-8), 9vw, var(--s-9));
  --section-pad-tight: clamp(var(--s-7), 6vw, var(--s-8));

  /* --------------------------------------------------------------------
     LAYOUT
     -------------------------------------------------------------------- */
  --container:       75rem;    /* 1200px per kit */
  --container-text:  46rem;    /* long-form reading measure */
  --container-pad:   clamp(1.25rem, 4vw, 2.5rem);
  --header-h:        4.5rem;

  /* --------------------------------------------------------------------
     DETAIL
     -------------------------------------------------------------------- */
  --radius:      4px;         /* per kit: buttons 4px */
  --radius-md:   6px;         /* cards, images */
  --shadow-btn:  1px 1px 11px rgba(0, 0, 0, 0.18);
  --shadow-card: 0 1px 2px rgba(21, 19, 14, 0.05), 0 8px 28px rgba(21, 19, 14, 0.07);
  --ease:        cubic-bezier(0.25, 0.1, 0.25, 1);
  --t-fast:      0.18s;
  --t-med:       0.3s;
}