/* Summit, token layer.

   The whole point of splitting this out: retuning a client means editing THIS
   file and nothing else. Components below never hardcode a colour or a size.

   Lineage, stated plainly: the direction is modelled on militaryinfluencer.com
   (Alex, 2026-09-19, "let's create a template based on this design"). What was
   deliberately NOT carried over is listed in README.md, and the type scale is
   rebuilt from their 12px floor up to our 16px one.
*/

:root{
  /* ---- base palette ---------------------------------------------------
     A navy-to-teal spine with one warm metallic for action. Retune the six
     below per client and the rest of the system follows. */
  --ink:          #071a2b;   /* midnight, deepest surface and strongest text */
  --ink-2:        #0d3b66;   /* deep blue, second surface and links */
  --brass:        #c6a15b;   /* the single action colour */
  --teal:         #1fb5a8;   /* secondary signal, gradients and focus */
  --sand:         #efe9df;   /* warm band between white sections */
  --paper:        #fcfbf8;   /* page ground, soft rather than pure white */

  --sand-deep:    #e2d9c9;
  --cloud:        #e7e9ec;
  --brass-dark:   #ab8544;
  --line:         #dcd8d0;
  --line-on-ink:  rgba(252,251,248,.17);

  /* ---- semantic surfaces ---- */
  --surface-page:   var(--paper);
  --surface-card:   #ffffff;
  --surface-sand:   var(--sand);
  --surface-ink:    var(--ink);
  --grad-ink:       linear-gradient(160deg, var(--ink) 0%, var(--ink-2) 46%, #10707c 78%, var(--teal) 112%);

  /* ---- semantic text ---- */
  --text-strong:    var(--ink);
  --text-body:      #23323f;
  --text-muted:     #5c6874;
  --text-on-ink:    var(--paper);
  --text-on-ink-mut:#a9b6c2;

  /* ---- families ---- */
  --font-display: 'Barlow Condensed','Arial Narrow',sans-serif;
  --font-body:    'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:    'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace;

  /* ---- display scale, Barlow Condensed ----
     Condensed faces carry a much tighter leading than a normal-width sans
     without looking cramped, which is why these run at 0.92 to 1.0. */
  --display-1: 700 clamp(3.4rem,8vw,7rem)/.92 var(--font-display);
  --display-2: 700 clamp(2.6rem,5.5vw,4.75rem)/.95 var(--font-display);
  --display-3: 600 clamp(1.9rem,3.5vw,3rem)/1 var(--font-display);
  --heading-1: 600 clamp(1.6rem,2.5vw,2.2rem)/1.05 var(--font-display);
  --heading-2: 600 1.5rem/1.12 var(--font-display);

  /* ---- body scale, Inter ---- */
  --body-lg: 400 1.1875rem/1.6 var(--font-body);
  --body-md: 400 1.0625rem/1.65 var(--font-body);
  --body-sm: 400 1rem/1.55 var(--font-body);

  /* ---- utility, IBM Plex Mono ----
     The uppercase mono label is the signature of this direction. Every size
     here is 16px or larger: the reference design runs these at 12 and 13px,
     which fails our floor and is genuinely hard to read on a phone. */
  --eyebrow: 600 1rem/1.25 var(--font-mono);
  --meta:    500 1rem/1.4 var(--font-mono);
  --tag:     500 1rem/1 var(--font-mono);

  /* ---- tracking ---- */
  --track-eyebrow: .18em;
  --track-display: -.01em;
  --track-tag:     .06em;

  /* ---- spacing and shape ---- */
  --pad:    clamp(20px,4.2vw,56px);
  --max:    1200px;
  --max-wide: 1440px;
  --sec-y:  clamp(64px,8vw,132px);
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --shadow: 0 24px 60px -38px rgba(7,26,43,.55);
}