/*
  Shell template: color-tech (DEFAULT)
  Green accent + cyan signal + Figtree — locked landing / in-app language.
  Applied when html[data-shell-template="color-tech"].
*/
html[data-shell-template="color-tech"] {
  color-scheme: light;

  --ground: #f8fafc;
  --bg: var(--ground);
  --paper: #ffffff;
  --sheet: #ffffff;
  --surface: #ffffff;

  --ink: #0f172a;
  --muted: #475569;

  --accent: #2563eb;
  --accent-deep: #1d4ed8;
  --accent-soft: #dbeafe;
  --accent-ink: #ffffff;
  --signal: #0284c7;
  --signal-soft: #e0f2fe;
  --warm: #d97706;
  --warm-soft: #fef3c7;
  --chrome: #0b1120;
  --chrome-2: #1e293b;

  --line: #e2e8f0;
  --line-strong: #cbd5e1;
  --radius: 12px;
  --radius-sm: 8px;

  --sans: "Outfit", "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;
  --display: "Outfit", "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --step-small: 0.875rem;
  --step-body: 1.0625rem;
  --step-lead: 1.25rem;
  --step-head: clamp(1.75rem, 3vw, 2.25rem);

  --mesh-a: color-mix(in srgb, var(--accent) 22%, transparent);
  --mesh-b: color-mix(in srgb, var(--signal) 18%, transparent);
  --mesh-c: color-mix(in srgb, var(--warm) 10%, transparent);
  --shadow-mock: 0 22px 48px rgba(15, 28, 36, 0.1), 0 0 0 1px color-mix(in srgb, var(--signal) 12%, var(--line));
  --shadow-fab: 0 8px 18px color-mix(in srgb, var(--accent) 28%, transparent);

  /* Header / Body / Footer zones */
  --header-bg: transparent;
  --header-sheet: color-mix(in srgb, var(--surface) 92%, transparent);
  --header-ink: var(--ink);
  --header-muted: var(--muted);
  --header-accent: var(--accent);
  --header-accent-ink: var(--accent-ink);
  --header-border: var(--line);
  --header-font: var(--sans);
  --header-brand-size: clamp(1.45rem, 2.6vw, 1.75rem);
  --header-link-size: 1rem;
  --header-pad-y: 1rem;
  --header-pad-x: 1.25rem;
  --logo-size: clamp(2.35rem, 4vw, 2.75rem);
  --logo-plate: var(--accent);
  --logo-beam: var(--accent-ink);
  --logo-joist: #5ee0d0;

  --body-bg: var(--ground);
  --body-sheet: var(--sheet);
  --body-ink: var(--ink);
  --body-muted: var(--muted);
  --body-accent: var(--accent);
  --body-font: var(--sans);
  --body-display: var(--display);
  --body-size: var(--step-body);
  --body-head-size: var(--step-head);
  --body-line: var(--line);

  --footer-bg: transparent;
  --footer-ink: var(--ink);
  --footer-muted: var(--muted);
  --footer-border: var(--line);
  --footer-font: var(--sans);
  --footer-brand-size: clamp(1.75rem, 4vw, 2.25rem);
  --footer-link-size: 0.9375rem;
  --footer-pad-y: 2.5rem;

  /* Legacy aliases */
  --navy: var(--accent);
  --navy-2: var(--accent-deep);
  --mustard: var(--accent);
  --mustard-ink: var(--accent-ink);
  --link: var(--accent);
  --ok: var(--accent);
  --ok-bg: var(--accent-soft);
  --hold-bg: var(--warm-soft);
  --hold-ink: #6a4e10;
  --punch-bg: var(--signal-soft);
  --punch-ink: #0a5f72;
  --danger: #b42318;
}