/* ============================================================================
   automotive-service — admin theme.

   This file is the ONLY thing a template personalises. It sets the documented
   token contract from docs/ADMIN-STANDARD.md and nothing else: no layout, no
   component rules, no state colour. Everything structural lives in
   shared/admin.css so all 17 admins behave and read identically.

   The raw brand hue arrives as --adm-tpl-accent, set inline on <body> from the
   template manifest's #f0b429 field, so `--set accent=#xxxxxx` flows through
   to the admin as well as the marketing page.
   ========================================================================== */

/* ---------- Light (default) ------------------------------------------------ */

[data-adm-app] {
  /* Brand — chrome only: rail mark, active indicator, primary button. */
  --adm-brand: var(--adm-tpl-accent, #c2410c);
  --adm-brand-ink: #fff7ed;

  /* Surfaces — cool workshop grey, the tone of a clean service counter. */
  --adm-bg: #eef1f4;
  --adm-surface: #ffffff;
  --adm-surface-alt: #e4e8ed;
  --adm-border: #cdd4dc;

  /* Text — deep slate, high contrast for a bright bay. */
  --adm-text: #1b2229;
  --adm-text-muted: #64707c;

  /* Shape + type — a crisp radius reads as machined equipment. */
  --adm-radius: 4px;
  --adm-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --adm-font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---------- Dark ----------------------------------------------------------- */

[data-theme='dark'] [data-adm-app] {
  /* Lift the safety orange so it stays legible under low bay lighting. */
  --adm-brand: color-mix(in srgb, var(--adm-tpl-accent, #c2410c) 70%, #ffffff);
  --adm-brand-ink: #1a0c04;

  --adm-bg: #12161a;
  --adm-surface: #1a1f25;
  --adm-surface-alt: #232a32;
  --adm-border: #333c46;

  --adm-text: #eef2f6;
  --adm-text-muted: #94a2b0;
}