/* SkyAid branding (admin → Settings → Branding). */
:root {
  --bg: #f0f4f8;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: color-mix(in oklab, #f0f4f8 92%, #0b1d3a);
  --ink: #0b1d3a;
  --ink-soft: color-mix(in oklab, #0b1d3a 78%, #ffffff);
  --ink-mute: color-mix(in oklab, #0b1d3a 55%, #ffffff);
  --ink-inverse: #ffffff;
  --line: color-mix(in oklab, #0b1d3a 12%, #ffffff);
  --line-strong: color-mix(in oklab, #0b1d3a 22%, #ffffff);
  --primary: #1a73e8;
  --primary-hover: #1557b0;
  --primary-ink: #ffffff;
  --accent: #1a73e8;
  --accent-hover: #1557b0;
  --accent-bg: color-mix(in oklab, #1a73e8 10%, #ffffff);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: color-mix(in oklab, #0b1d3a 70%, #000000);
    --surface: color-mix(in oklab, #0b1d3a 88%, #ffffff);
    --surface-raised: color-mix(in oklab, #0b1d3a 84%, #ffffff);
    --surface-sunken: color-mix(in oklab, #0b1d3a 80%, #000000);
    --ink: #eef2f7;
    --ink-soft: color-mix(in oklab, #eef2f7 78%, #0b1d3a);
    --ink-mute: color-mix(in oklab, #eef2f7 55%, #0b1d3a);
    --ink-inverse: color-mix(in oklab, #0b1d3a 70%, #000000);
    --line: color-mix(in oklab, #0b1d3a 78%, #ffffff);
    --line-strong: color-mix(in oklab, #0b1d3a 68%, #ffffff);
    --primary: color-mix(in oklab, #1a73e8 78%, #ffffff);
    --primary-hover: color-mix(in oklab, #1a73e8 62%, #ffffff);
    --primary-ink: color-mix(in oklab, #0b1d3a 70%, #000000);
    --accent: color-mix(in oklab, #1a73e8 78%, #ffffff);
    --accent-hover: color-mix(in oklab, #1a73e8 62%, #ffffff);
    --accent-bg: color-mix(in oklab, #1a73e8 22%, color-mix(in oklab, #0b1d3a 70%, #000000));
  }
}
:root[data-theme="dark"] {
  --bg: color-mix(in oklab, #0b1d3a 70%, #000000);
  --surface: color-mix(in oklab, #0b1d3a 88%, #ffffff);
  --surface-raised: color-mix(in oklab, #0b1d3a 84%, #ffffff);
  --surface-sunken: color-mix(in oklab, #0b1d3a 80%, #000000);
  --ink: #eef2f7;
  --ink-soft: color-mix(in oklab, #eef2f7 78%, #0b1d3a);
  --ink-mute: color-mix(in oklab, #eef2f7 55%, #0b1d3a);
  --ink-inverse: color-mix(in oklab, #0b1d3a 70%, #000000);
  --line: color-mix(in oklab, #0b1d3a 78%, #ffffff);
  --line-strong: color-mix(in oklab, #0b1d3a 68%, #ffffff);
  --primary: color-mix(in oklab, #1a73e8 78%, #ffffff);
  --primary-hover: color-mix(in oklab, #1a73e8 62%, #ffffff);
  --primary-ink: color-mix(in oklab, #0b1d3a 70%, #000000);
  --accent: color-mix(in oklab, #1a73e8 78%, #ffffff);
  --accent-hover: color-mix(in oklab, #1a73e8 62%, #ffffff);
  --accent-bg: color-mix(in oklab, #1a73e8 22%, color-mix(in oklab, #0b1d3a 70%, #000000));
}