/* vuihoc.ai colour tokens. Base values copied from production global.css (Calm Emerald, 2026-09-29).
   Editorial additions (white / #F7F7F7 sections, dark bands) come from landing-tropica-draft. */
:root{
  /* Brand */
  --brand:#0C7C4D;          /* emerald: primary buttons, logo braces, focus ring. 5.24:1 on white */
  --brand-deep:#0A6B42;     /* small text, links, numbers. 6.07:1 on ground */
  --brand-tint:#D6ECDF;     /* icon tiles, selection */
  --brand-pupil:#FFFFFF;
  --brand-on-dark:#5FD39A;  /* braces / accents on ink or dark bands */
  --on-brand:#FFFFFF;

  /* Ink + ground */
  --ink:#0F2019;
  --ground:#F3F7F1;         /* production page background */
  --ground-2:#EAF1E9;       /* production .band */
  --paper:#FFFFFF;
  --ground-alt:#F7F7F7;     /* editorial alternating section */
  --dark:#101614;           /* editorial footer */
  --hairline:#CFDCD2;
  --hairline-strong:#9FB5A6;
  --hairline-neutral:#E3E8E4; /* editorial hairline on white */

  /* Text */
  --text-secondary:#2E4036;
  --muted-fg:#45574D;       /* 7.1:1 on ground */
  --ink-2:#4A5650;          /* editorial secondary text */
  --text-quiet:#66706B;     /* lightest text allowed on white (5.1:1) */

  /* Soft tints (legacy, used as card --bg) */
  --tint-accent:#E7F1EA;
  --tint-muted:#E4ECE5;
  --tint-blue:#DCE8F1;
  --tint-lavender:#E4E6F2;
  --tint-peach:#F2ECDF;
  --tint-cyan:#DCEEEE;
  --tint-mint:#DCEFE3;

  /* Status: never reuse brand */
  --ok:#1F6F9E;
  --warn:#8A5A00;
  --danger:#B42318;

  /* Over-photo band (nav + any text on imagery) */
  --scrim:rgba(10,16,13,.62);
  --scrim-blur:10px;
  --scrim-line:rgba(255,255,255,.08);
  --on-dark:#FFFFFF;
  --on-dark-2:rgba(255,255,255,.86);
  --on-dark-line:rgba(255,255,255,.45);

  /* Footer on ink (production) */
  --footer-text:#E4ECE5;
  --footer-muted:#C7D6CB;
  --footer-label:#9FC4AE;
  --footer-hover:#9FE0BC;
  --footer-rule:#2E4036;

  /* Photo placeholders */
  --photo-dark:#1E2B25;
  --photo-light:#DCE5DF;

  /* Semantic aliases */
  --surface-page:var(--ground);
  --surface-card:var(--paper);
  --surface-section:var(--paper);
  --surface-section-alt:var(--ground-alt);
  --surface-band:var(--ground-2);
  --text-body:var(--ink);
  --text-muted:var(--muted-fg);
  --text-link:var(--brand-deep);
  --border-subtle:var(--hairline);
  --border-strong:var(--hairline-strong);
  --focus-ring:var(--brand);

  /* Production legacy names (kept so old pages follow) */
  --background:var(--ground);
  --background-2:var(--ground-2);
  --foreground:var(--ink);
  --card:var(--paper);
  --line:var(--hairline);
  --line-strong:var(--hairline-strong);
  --accent:var(--tint-accent);
  --muted:var(--tint-muted);
  color-scheme:light;
}