/* Visago USA design tokens.
   Light, open, photographic. Navy carries the authority, a single warm accent
   carries the actions, and the neutrals are cooled slightly toward the navy so
   they read as chosen rather than inherited grey. */

:root {
  /* Grounds */
  --white:      #ffffff;
  --ground:     #f6f8fa;   /* page background, faint cool cast */
  --surface:    #ffffff;   /* cards, panels */
  --surface-2:  #eef2f6;   /* insets, alternating rows */

  /* Ink */
  --ink:        #0f2036;   /* headings — near-black with navy in it */
  --body:       #4a5b70;   /* running text */
  --muted:      #74839a;   /* captions, meta */

  /* Brand */
  --navy:       #123a63;
  --navy-deep:  #0b2545;
  --navy-soft:  #e7eef6;
  --accent:     #c2410c;   /* actions only */
  --accent-hi:  #9a330a;
  --accent-soft:#fdf0e8;

  /* Lines */
  --line:       #dfe5ec;
  --line-strong:#c4cedb;

  /* Semantic */
  --ok:         #10693f;
  --warn:       #8a5a00;
  --stop:       #a8271b;

  /* Elevation — restrained; edges do most of the work */
  --lift-1: 0 1px 2px rgba(15, 32, 54, 0.06);
  --lift-2: 0 4px 12px -4px rgba(15, 32, 54, 0.12);
  --lift-3: 0 12px 32px -12px rgba(15, 32, 54, 0.20);

  /* Type */
  --sans: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --t-xs:   0.75rem;
  --t-sm:   0.8438rem;
  --t-base: 1rem;
  --t-md:   1.0625rem;
  --t-lg:   1.1875rem;
  --t-xl:   1.375rem;
  --t-2xl:  clamp(1.5rem, 1.6vw + 1.05rem, 1.9rem);
  --t-3xl:  clamp(1.9rem, 2.4vw + 1.2rem, 2.6rem);
  --t-hero: clamp(2.1rem, 3.6vw + 1.1rem, 3.5rem);

  --lh-tight: 1.12;
  --lh-snug:  1.32;
  --lh-body:  1.65;

  /* Space */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;

  --measure: 68ch;        /* comfortable reading column */
  --measure-wide: 88ch;   /* body copy where density beats line length */
  --shell: 75rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --band: clamp(3rem, 7vw, 5.5rem);

  --radius:    6px;
  --radius-lg: 10px;
}