/* ============================================================================
   salon-wellness — 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 #71866d 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, #71866d);
  --adm-brand-ink: #ffffff;

  /* Surfaces — warm paper, matching the studio's front-of-house palette. */
  --adm-bg: #f6f2ea;
  --adm-surface: #fffdf8;
  --adm-surface-alt: #f1ebe1;
  --adm-border: #e2d9cd;

  /* Text — deep plum ink. */
  --adm-text: #382f3d;
  --adm-text-muted: #7a6e7b;

  /* Shape + type — serif display to echo the marketing family's wordmark. */
  --adm-radius: 10px;
  --adm-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --adm-font-display: ui-serif, Georgia, 'Times New Roman', serif;
}

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

[data-theme='dark'] [data-adm-app] {
  /* Lift the botanical accent so it stays legible on a dark rail. */
  --adm-brand: color-mix(in srgb, var(--adm-tpl-accent, #71866d) 58%, #ffffff);
  --adm-brand-ink: #14160f;

  --adm-bg: #16121a;
  --adm-surface: #1d1821;
  --adm-surface-alt: #241e29;
  --adm-border: #352c3a;

  --adm-text: #f2ecf2;
  --adm-text-muted: #a99fac;
}