/* ============================================================================
   lakeside-booking — 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 #236b72 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, #236b72);
  --adm-brand-ink: #ffffff;

  /* Surfaces — sun-bleached sand and painted boathouse trim. */
  --adm-bg: #f3ece0;
  --adm-surface: #fffaf0;
  --adm-surface-alt: #ece2d2;
  --adm-border: #ded1bc;

  /* Text — wet pine ink. */
  --adm-text: #132724;
  --adm-text-muted: #5c7169;

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

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

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

  --adm-bg: #0e1715;
  --adm-surface: #141f1d;
  --adm-surface-alt: #1a2724;
  --adm-border: #2a3a36;

  --adm-text: #eef3ef;
  --adm-text-muted: #9bb0a8;
}
