/* TailAdmin palette — an alternative colour set for the admin portal.

   Only colour tokens and the shadows tinted from them. Type, spacing, radii and
   every component stay Organic's: this file re-points the variables
   `vendor/organic/styles.css` defines, and nothing reads a hex from anywhere
   else (D47). Values are TailAdmin's published Tailwind theme
   (https://demo.tailadmin.com/style.css) — see VERSION.

   Applied by `data-palette="tailadmin"` on <html>, which `js/palette.js` sets
   before first paint. The selector outranks Organic's `:root`, so load order
   does not matter.

   Mapping, by meaning rather than by name:
     accent    (Organic terracotta, brand)    → brand blue
     accent-2  (Organic sage, positive + B2B) → success green
     alert     (urgent / negative, admin.css) → error red — Organic gives brand
               and urgency one hue; TailAdmin does not, so they split here
     neutral   (warm ramp)                    → gray ramp */

:root[data-palette="tailadmin"] {
  --color-bg: #f9fafb;
  --color-surface: #ffffff;
  --color-text: #1d2939;
  --color-accent: #465fff;
  --color-accent-2: #039855;
  --color-divider: #e4e7ec;

  --color-neutral-100: #f9fafb;
  --color-neutral-200: #f2f4f7;
  --color-neutral-300: #e4e7ec;
  --color-neutral-400: #d0d5dd;
  --color-neutral-500: #98a2b3;
  --color-neutral-600: #667085;
  --color-neutral-700: #475467;
  --color-neutral-800: #344054;
  --color-neutral-900: #1d2939;

  --color-accent-100: #ecf3ff;
  --color-accent-200: #dde9ff;
  --color-accent-300: #c2d6ff;
  --color-accent-400: #7592ff;
  --color-accent-500: #465fff;
  --color-accent-600: #3641f5;
  --color-accent-700: #2a31d8;
  --color-accent-800: #252dae;
  --color-accent-900: #161950;

  --color-accent-2-100: #ecfdf3;
  --color-accent-2-200: #d1fadf;
  --color-accent-2-300: #a6f4c5;
  --color-accent-2-400: #6ce9a6;
  --color-accent-2-500: #12b76a;
  --color-accent-2-600: #039855;
  --color-accent-2-700: #027a48;
  --color-accent-2-800: #05603a;
  --color-accent-2-900: #054f31;

  --color-alert: #f04438;
  --color-alert-100: #fef3f2;
  --color-alert-200: #fee4e2;
  --color-alert-700: #b42318;
  --color-alert-800: #912018;

  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
}

/* White on near-white needs an edge: TailAdmin rules its cards and sidebar with
   a hairline where Organic relies on the tint step between bg and surface. */
:root[data-palette="tailadmin"] .card,
:root[data-palette="tailadmin"] .dialog { border: 1px solid var(--color-divider); }
:root[data-palette="tailadmin"] .rail { border-right: 1px solid var(--color-divider); }