/* v2 (MIDIR) design-system tokens — shared across every v2-themed page.
   Loaded after styles.css; re-themes the same CSS custom properties
   styles.css already defines, so no component markup needs to change.
   Extracted 2026-09-05 from styles-v2-home.css (originally homepage-only)
   so country.html/corridor.html/corridors.html can share the identical
   token set rather than each carrying its own copy — one definition,
   no risk of the token values drifting apart per page. */

:root{
  --bg:#FAFAFB; --surface:#FFFFFF; --surface-2:#EAF3F1; --surface-3:#F3EEE0;
  --border:#DDE3E1; --divider:#DDE3E1; --text:#0E1A24; --muted:#5C6A70; --faint:#8A97A0;
  --primary:#14675E; --primary-2:#EAF3F1; --accent:#C9930F; --danger:#B0503A; --success:#3D6B45;
  --shadow-sm:0 1px 3px rgba(14,26,36,.06); --shadow-md:0 6px 20px rgba(14,26,36,.08); --shadow-lg:0 14px 40px rgba(14,26,36,.10);
  --radius-sm:2px; --radius-md:3px; --radius-lg:4px; --radius-full:2px;
  --font-body:'IBM Plex Sans',sans-serif; --font-display:'Fraunces',serif;
}

.site-header{background:rgba(250,250,251,.9);border-bottom:1px solid var(--border);}
.btn-primary{background:var(--accent);color:var(--text);}
.btn-primary:hover{filter:brightness(1.04);}
.hero h1 em{color:var(--primary);}
.hero::before{background:radial-gradient(circle,rgba(20,103,94,.07),transparent 60%);}

/* .verdict-now/-when/-not (corridor.html, corridors.html, and country.html's
   .xlink-verdict) hardcode pale foreground colors (#a8d6aa/#e6cf95/#e39191)
   calibrated for styles.css's dark background -- unreadable against this
   palette's light one. Reuse the existing semantic tokens instead of adding
   new hardcoded hex values, keeping the same light-tint-background pattern. */
.verdict-now{background:rgba(61,107,69,.10);border-color:rgba(61,107,69,.35);color:var(--success);}
.verdict-when{background:rgba(201,147,15,.12);border-color:rgba(201,147,15,.4);color:var(--accent);}
.verdict-not{background:rgba(176,80,58,.10);border-color:rgba(176,80,58,.35);color:var(--danger);}
/* Same hardcoded-pale-gold issue as .verdict-when, on corridor.html's
   purchase-cancelled banner. */
.purchase-cancelled{background:rgba(201,147,15,.1);border-color:rgba(201,147,15,.35);color:var(--accent);}