/* Impala brand palette — lifted verbatim from impalaimplicit.rs (light theme).
   Every page (index / admin / screen) pulls its colours from here so the kiosk
   matches the platform exactly. Change a value once and it updates everywhere. */
:root {
  color-scheme: light;

  /* Brand */
  --primary: #0077be;
  --primary-hover: #00669f;
  --secondary: #00803d;
  --accent: #a117ff;
  --danger: #d91f3a;
  --danger-hover: #bf1830;
  --warn: #f59e0b;
  --on-primary: #fff;

  /* Surfaces & text */
  --bg: #eef2fa;
  --surface: #fff;
  --surface-2: #f5f7fc;
  --border: #dde2ef;
  --border-subtle: #ebeef8;
  --text: #111827;
  --text-2: #4b5563;
  --text-3: #6b7280;

  /* Success tint (for the "showing survey" badge) */
  --success-bg: #e4f5ec;
  --success-fg: #00803d;

  /* Elevation & shape */
  --shadow: 0 1px 3px #0000000f, 0 4px 14px #0000000d;
  --shadow-sm: 0 1px 3px #00000012;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 20px;

  /* Logo neon (screensaver only — the logo's own colours) */
  --logo-magenta: #FF00FB;
  --logo-cyan: #00E6FF;
  --logo-green: #01E36E;
}