/* Diamond Commander v2 - design tokens (redesign 2026-07-07, research-driven)
 * Direction: "Broadcast-grade dugout companion". Navy chrome + a lit, mow-striped
 * diamond form the stage; ONE hot clay CTA shouts; each team paints its own
 * identity color (--team) across accents. Numbers hit like a scorebug; controls
 * are glove-sized; status reads as icon + label + color, sun- and colorblind-safe.
 * Primitive -> semantic layering so a future Next.js/Tailwind port maps 1:1.
 */
:root {
  /* ---- Type ---- */
  --font-display: "Archivo", -apple-system, "Segoe UI", Roboto, sans-serif;  /* scoreboard / headings / ALL standalone numbers + codes */
  --font-body: "Barlow", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --tracking-tight: -.02em;
  --tracking-wide: .08em;
  /* Type scale: size / line-height / weight (apply family per use). Never a lineup
     number/position code below 15px; grid cell text 16-17px/800. */
  --fs-hero: 34px;    /* auth logo, big empty-state */
  --fs-stat: 40px;    /* hero scorebug numbers */
  --fs-h1: 24px;      /* page titles */
  --fs-h2: 19px;      /* card + modal titles */
  --fs-lg: 17px;      /* btn-lg, one-inning position label */
  --fs-body: 16px;    /* body + inputs (16px kills iOS zoom) */
  --fs-sm: 14px;
  --fs-eyebrow: 11.5px;

  /* ---- Dugout navy (structural chrome, never the team color) ---- */
  --navy: #0e1f3a;
  --navy-2: #16294d;
  --navy-3: #21345c;
  --on-navy: #eaf0fb;
  --on-navy-soft: #b9c7e0;   /* RAISED to clear AA (~4.6:1) */

  /* ---- Accent (trust / links) + the one CTA ---- */
  --accent: #2563eb;          /* links, secondary tonal, focus ring, info */
  --accent-press: #1d4ed8;
  --accent-soft: #eaf1ff;
  --accent-ink: #1b3fa0;
  --field: #15a34a;           /* switch on-state / success energy */
  --field-soft: #e7f8ee;
  --clay: #ef6322;            /* THE GO cta only - never links/chips/text */
  --clay-top: #f5702f;        /* cta gradient top stop */
  --clay-press: #d9551a;
  --clay-soft: #fff0e7;

  /* ---- Team identity (COACH-SET at onboarding; overridden inline per team) ---- */
  --team: #2563eb;
  --team-ink: #ffffff;        /* text that sits on --team (white or #101828 by luminance) */
  --team-soft: #eaf1ff;
  --team-2: #1d4ed8;          /* secondary team color (accents + identity stripe) */
  --team-3: #ef6322;          /* tertiary team color (accents + identity stripe) */

  /* ---- Neutrals / surfaces ---- */
  --bg: #eef1f7;
  --bg-2: #e7ebf3;
  --surface: #ffffff;
  --surface-2: #f6f8fc;
  --ink: #101828;             /* near-black, sun-hard (~15:1) */
  --ink-soft: #475467;        /* secondary (~7:1) */
  --ink-faint: #667085;       /* tertiary, still AA (~4.6:1) - never load-bearing */
  --line: #e4e9f2;
  --line-strong: #cdd6e6;

  /* ---- Status: three-channel (icon + label + color), sun & colorblind safe ---- */
  --danger: #c81e1e;          /* hard-rule (no-go) breaks ONLY */
  --danger-soft: #fef2f2;
  --ok: #15803d;              /* pass */
  --ok-soft: #ecfdf3;
  --warn: #e69f00;            /* Wong high-luminance amber (heads-up) */
  --warn-soft: #fff7e6;

  /* ---- Position groups: GRID cells = SOLID saturated fill + WHITE ink (sun) ---- */
  --if: #1d4ed8;    --if-ink: #ffffff;   /* infield  */
  --of: #15803d;    --of-ink: #ffffff;   /* outfield */
  --neu: #7c3aed;   --neu-ink: #ffffff;  /* neutral: catcher / real pitcher */
  --sit: #b45309;   --sit-ink: #ffffff;  /* bench */
  /* Soft chip variants for PILLS in the card list (tinted bg + dark ink) */
  --chip-if: #dbeafe;  --chip-if-ink: #1e40af;
  --chip-of: #dcfce7;  --chip-of-ink: #166534;
  --chip-neu: #ede9fe; --chip-neu-ink: #5b21b6;

  /* ---- Field SVG palette (the beautiful diamond) ---- */
  --turf-lit: #4f9e46;
  --turf-shade: #58ab4d;
  --mow-a: #5aa84f;
  --mow-b: #55a049;
  --clay-dirt: #cd9f63;
  --clay-dirt-2: #c2914f;
  --chalk: #f4f1e8;

  /* ---- Radii: nested, never one value everywhere ---- */
  --r-xl: 18px;   /* sheets, hero panels */
  --r-lg: 14px;   /* cards, grid-wrap */
  --r: 12px;      /* buttons, inputs */
  --r-sm: 10px;   /* small buttons, chip toggles */
  --r-xs: 8px;    /* focus ring, tags */
  --r-pill: 999px;
  --gap: 8px;

  /* ---- Elevation: two-layer tinted shadows + a 1px top highlight (lit panels) ---- */
  --shadow-sm: 0 1px 2px rgba(14,31,58,.06), 0 1px 3px rgba(14,31,58,.09);
  --shadow-md: 0 6px 18px rgba(14,31,58,.09), 0 2px 6px rgba(14,31,58,.06);
  --shadow-lg: 0 18px 44px rgba(14,31,58,.20);
  --card-highlight: inset 0 1px 0 rgba(255,255,255,.6);
  --cta-shadow: 0 2px 0 var(--clay-press), 0 6px 16px rgba(239,99,34,.32);
  --ring: 0 0 0 3px rgba(37,99,235,.28);

  /* ---- Motion: fast, spring-flavored, transform/opacity only ---- */
  --t: 150ms cubic-bezier(.2,.8,.2,1);        /* hovers / toggles (ease-out) */
  --t-slow: 320ms cubic-bezier(.2,.7,.3,1);   /* sheet + marker slides, inning change */
  --spring: cubic-bezier(.34,1.56,.64,1);     /* toast / menu pop-in */

  --maxw: 1140px;
  --rail-w: 234px;

  /* ---- Atmosphere (subtle field texture on the shell only) ---- */
  --field-mesh:
    radial-gradient(900px 460px at 100% -8%, rgba(37,99,235,.10), transparent 60%),
    radial-gradient(760px 420px at -6% 110%, rgba(21,163,74,.09), transparent 58%);
}