/* Garage — default logged-in theme: light UI using the My Garage Log hex palette.
   Colours: #020659 #0C2840 #2C5773 #D95A2B #0D0D0D (same tokens as login-brand.css;
   login page stays dark — only `login-brand.css` under `.login-shell` applies there). */

:root[data-theme="garage"] {
  --garage-deep: #020659;
  --garage-ink: #0c2840;
  --garage-steel: #2c5773;
  --garage-orange: #d95a2b;
  --garage-black: #0d0d0d;

  --bg: color-mix(in srgb, #ffffff 92%, var(--garage-steel) 8%);
  --bg-surface: #ffffff;
  --bg-surface-elevated: color-mix(in srgb, #ffffff 96%, var(--garage-steel) 4%);
  --bg-input: color-mix(in srgb, #ffffff 90%, var(--garage-steel) 10%);
  --bg-muted: color-mix(in srgb, #ffffff 86%, var(--garage-steel) 14%);
  --bg-hover: color-mix(in srgb, #ffffff 78%, var(--garage-steel) 22%);

  --text: var(--garage-deep);
  --text-muted: color-mix(in srgb, var(--garage-steel) 55%, var(--garage-deep) 45%);
  --text-inverse: #ffffff;
  --text-on-accent: #ffffff;

  --accent: var(--garage-orange);
  --accent-hover: color-mix(in srgb, var(--garage-orange) 78%, var(--garage-black) 22%);
  --accent-muted: rgba(217, 90, 43, 0.14);
  --border: color-mix(in srgb, var(--garage-steel) 24%, #ffffff 76%);
  --border-focus: var(--garage-orange);
  --error: #b83228;
  --success: #2d7a52;
  --warning: #b7791f;
  --info: #2c6f94;

  --shadow: color-mix(in srgb, var(--garage-black) 8%, transparent);
  --shadow-sm: 0 1px 2px var(--shadow);
  --shadow-md: 0 4px 14px var(--shadow);
  --overlay-scrim: color-mix(in srgb, var(--garage-deep) 35%, transparent);

  --chart-1: var(--garage-orange);
  --chart-2: #3d7aad;
  --chart-3: #2d7a52;
  --chart-4: #8a6bab;
  --chart-5: #c48a28;
  --chart-grid: color-mix(in srgb, var(--garage-deep) 10%, transparent);

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-full: 9999px;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", Menlo, monospace;

  --logo-filter: none;
  --lang-switch-inactive-opacity: 0.55;
  --lang-switch-hover-inactive-opacity: 0.88;
  --lang-switch-active-opacity: 1;
  --lang-flag-filter: none;
  --lang-flag-ring: 0 0 0 1px color-mix(in srgb, var(--garage-steel) 35%, transparent);
  --nav-height: 5.3125rem;
  --bottom-nav-height: 4rem;
  --fab-size: 3.5rem;
  --max-content-width: 90rem;
  --sidebar-width: 20rem;
}