/* ============================================================================
   THE PLATFORM ADMINISTRATION SCREEN'S COLOURS — the ONLY file of this screen
   that may hold a colour literal (ADR-0042; test/admin-design.test.js).

   The values are the storefront's design tokens (libs/ui/src/styles/design/
   style.css, light and :root[data-theme="dark"]) with the gold as rendered
   (docs/dev-environment.md §4c), under the storefront's own token names.

   Light and dark: the screen follows the operating system until the super
   admin picks a theme in the header; the choice is stored per browser and
   written as data-theme on <html>, the storefront's own switch.

   2026-10-29 (the redesign): the sidebar's ground, a second gold and its tint,
   the chart bars, a deep shadow, the Overview's greeting, and the branding
   preview's storefront — which is a storefront, so it is light in both themes.
   ========================================================================== */
:root {
  color-scheme: light;
  --bg: #F7F3EC; --surface: #FFFCF7; --surface-2: #F1ECE2; --side: #FBF7F0;
  --ink: #131A36; --body: #4A5170; --soft: #7B829E; --faint: #A3A8BD;
  --rule: #E4DDD0; --hair: #EFE9DE;
  --gold: #A87C3D; --gold-2: #C79A55; --on-gold: #FFFFFF; --gold-bg: #F5EBDA;
  --ok: #1B6B45; --ok-bg: #EAF5EF;
  --warn: #9A5B00; --warn-bg: #FDF3E7;
  --bad: #B3261E; --bad-bg: #FCEEED;
  --info: #1F4E79; --info-bg: #EAF1F8;
  --idle: #5E6480; --idle-bg: #EEEDF0;
  --bar: #E6DAC4;
  --shadow-sm: 0 1px 2px rgba(17,17,17,.06), 0 2px 8px rgba(17,17,17,.04);
  --shadow-lg: 0 12px 40px rgba(19,26,54,.14), 0 2px 8px rgba(19,26,54,.06);
  --scrim: rgba(10,15,31,.45);
  --glass: rgba(255,252,247,.86);
  --hero: linear-gradient(135deg, #FFFCF7 0%, #F6ECDC 100%);
  --pv-bg: #FFFFFF; --pv-ink: #131A36; --pv-body: #4A5170; --pv-rule: #EEE9E0; --pv-chrome: #EDEAE4; --pv-dot: #D9D3C8;
  --pv-on: #FFFFFF; --pv-p0: #131A36; --pv-a0: #A87C3D; --pv-hb: linear-gradient(180deg, #F7F4EE, #FFFFFF); --pv-car: linear-gradient(135deg, #E9E4DA, #D8D0C2);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0A0F1F; --surface: #111832; --surface-2: #182142; --side: #0C1228;
  --ink: #F4F1EA; --body: #B8BFD6; --soft: #8B93B3; --faint: #6B7394;
  --rule: #243057; --hair: #1A2344;
  --gold: #D6A45C; --gold-2: #E8BE7E; --on-gold: #100D07; --gold-bg: #2A2214;
  --ok: #6BD3A0; --ok-bg: #0F2A1D;
  --warn: #E7B168; --warn-bg: #2C1F0B;
  --bad: #F09189; --bad-bg: #2C1211;
  --info: #8FC0EC; --info-bg: #101F2E;
  --idle: #B8BFD6; --idle-bg: #1A2344;
  --bar: #24305A;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.5);
  --shadow-lg: 0 18px 50px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.4);
  --scrim: rgba(0,0,0,.6);
  --glass: rgba(17,24,50,.86);
  --hero: linear-gradient(135deg, #131B3A 0%, #1B1F33 55%, #2A2214 130%);
  --pv-bg: #FFFFFF; --pv-ink: #131A36; --pv-body: #4A5170; --pv-rule: #EEE9E0; --pv-chrome: #EDEAE4; --pv-dot: #D9D3C8;
  --pv-on: #FFFFFF; --pv-p0: #131A36; --pv-a0: #A87C3D; --pv-hb: linear-gradient(180deg, #F7F4EE, #FFFFFF); --pv-car: linear-gradient(135deg, #E9E4DA, #D8D0C2);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0A0F1F; --surface: #111832; --surface-2: #182142; --side: #0C1228;
    --ink: #F4F1EA; --body: #B8BFD6; --soft: #8B93B3; --faint: #6B7394;
    --rule: #243057; --hair: #1A2344;
    --gold: #D6A45C; --gold-2: #E8BE7E; --on-gold: #100D07; --gold-bg: #2A2214;
    --ok: #6BD3A0; --ok-bg: #0F2A1D;
    --warn: #E7B168; --warn-bg: #2C1F0B;
    --bad: #F09189; --bad-bg: #2C1211;
    --info: #8FC0EC; --info-bg: #101F2E;
    --idle: #B8BFD6; --idle-bg: #1A2344;
    --bar: #24305A;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.5);
    --shadow-lg: 0 18px 50px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.4);
    --scrim: rgba(0,0,0,.6);
    --glass: rgba(17,24,50,.86);
    --hero: linear-gradient(135deg, #131B3A 0%, #1B1F33 55%, #2A2214 130%);
    --pv-bg: #FFFFFF; --pv-ink: #131A36; --pv-body: #4A5170; --pv-rule: #EEE9E0; --pv-chrome: #EDEAE4; --pv-dot: #D9D3C8;
    --pv-on: #FFFFFF; --pv-p0: #131A36; --pv-a0: #A87C3D; --pv-hb: linear-gradient(180deg, #F7F4EE, #FFFFFF); --pv-car: linear-gradient(135deg, #E9E4DA, #D8D0C2);
  }
}