/* Demo theme design tokens — single source of truth. Page views use var(--*) only; no new hardcoded colors. */
:root{
  --font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  /* brand (overridden per app below) */
  /* ORIGINAL brand colours of the live platforms — keep these primary. */
  --accent:#27ae60; --accent-strong:#1e8e4e; --accent-soft:rgba(39,174,96,.12); --accent-contrast:#fff;
  --accent-bright:#a4ff4d; --accent-bright-strong:#8ee02f; --accent-2:#ff6b47; --accent-2-soft:rgba(255,107,71,.12);
  --brand-navy:#0a0f1c; --brand-navy-2:#1a1f2e; --brand-slate:#2c3e50; --brand-slate-2:#34495e;
  /* surfaces */
  --bg:#f4f6fa; --surface:#ffffff; --surface-2:#f8fafc; --surface-sunken:#eef2f7;
  --sidebar-bg:var(--brand-navy-2); --sidebar-bg-2:var(--brand-navy); --sidebar-text:#cbd5e1; --sidebar-text-muted:#64748b; --sidebar-active:#ffffff;
  /* text */
  --text:#0f172a; --text-2:#334155; --text-muted:#64748b; --text-faint:#94a3b8;
  /* lines */
  --border:#e2e8f0; --border-strong:#cbd5e1;
  /* status */
  --success:#16a34a; --success-soft:rgba(22,163,74,.12);
  --warning:#d97706; --warning-soft:rgba(217,119,6,.12);
  --danger:#dc2626;  --danger-soft:rgba(220,38,38,.12);
  --info:#2563eb;    --info-soft:rgba(37,99,235,.12);
  /* shape & depth */
  --radius-sm:8px; --radius:12px; --radius-lg:16px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08);
  --shadow:0 4px 12px -2px rgba(15,23,42,.08),0 2px 6px -2px rgba(15,23,42,.06);
  --shadow-lg:0 20px 40px -12px rgba(15,23,42,.25);
  /* spacing scale */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
  /* motion */
  --ease:cubic-bezier(.2,.8,.2,1); --dur-fast:120ms; --dur:200ms; --dur-slow:360ms;
}
/* per-app brand: <body data-app="parking|marine"> set by layout */
body[data-app="marine"]{ --accent:#0096c7; --accent-strong:#0077a3; --accent-soft:rgba(72,202,228,.16);
  --accent-bright:#48cae4; --accent-bright-strong:#2bb3d0; --accent-2:#fcbf49; --accent-2-soft:rgba(252,191,73,.16);
  --brand-navy:#03263a; --brand-navy-2:#0a3550; }
@media (prefers-reduced-motion:reduce){ :root{ --dur-fast:0ms; --dur:0ms; --dur-slow:0ms; } }