/* The company's face on barnegar's base face: the brandbook's colours and graphic system, as the company's earlier
   site wore them, in place of barnegar's neutral surfaces and derived brand roles (the owner's choice, 2026-10-13).
   Navy #173358 is the dark theme's ground and its cards, the off-white #E8E6E0 the light one's; the accent cyan
   #00AEEF fills the actions, the success green #00B26B marks the small labels, and the two meet in the glows, the
   rings and the bar above each heading. Every text colour here is measured against the grounds it sits on
   (tools/site/tests/test_site.py); site.css uses these tokens and holds no colour of its own. */
.theme-dark, [data-theme="dark"] {
  --bg: #0D1D32;
  --surface: #173358;
  --surface-2: #132A49;
  --surface-3: #1C3D69;
  --line: #24446C;
  --line-strong: #557BA8;
  --control-edge: #6F93BE;
  --ink: #F5F7FA;
  --ink-2: #B7C4D4;
  --ink-3: #A3B3C7;
  --brand: #173358;
  --brand-fill: #00AEEF;
  --brand-strong: #0096CF;
  --brand-ink: #33C3F5;
  --brand-soft: #14426A;
  --brand-soft-2: #18496F;
  --on-brand: #031018;
  --accent-2: #00B26B;
  --shadow-2: 0 18px 48px rgba(0,0,0,.30);
  --header-bg: rgba(13,29,50,.92);
  --glow-1: rgba(0,174,239,.08);
  --glow-2: rgba(0,178,107,.055);
  --hero-glow-1: rgba(0,174,239,.16);
  --hero-glow-2: rgba(0,178,107,.10);
  --hero-grid: rgba(255,255,255,.013);
  --ring: rgba(0,174,239,.20);
  --ring-halo: rgba(0,174,239,.025);
  --card-highlight: rgba(255,255,255,.055);
  --card-ring: rgba(0,174,239,.16);
  --card-shadow: 0 18px 48px rgba(0,0,0,.20);
  --frame: linear-gradient(145deg, rgba(23,51,88,.92), rgba(8,23,41,.9));
  --frame-glow: rgba(0,174,239,.18);
  --frame-edge: rgba(0,174,239,.28);
  --frame-shadow: 0 34px 90px rgba(0,0,0,.34);
  --mark: radial-gradient(circle, rgba(0,174,239,.24) 0 8%, transparent 9% 24%, rgba(0,174,239,.14) 25% 26%,
    transparent 27% 43%, rgba(0,178,107,.13) 44% 45%, transparent 46%), linear-gradient(145deg, rgba(23,51,88,.92), rgba(8,23,41,.96));
  --mark-edge: rgba(0,174,239,.35);
  --mark-shadow: 0 28px 80px rgba(0,174,239,.18);
  --wash: linear-gradient(135deg, rgba(0,174,239,.12), rgba(0,178,107,.08));
  --action-glow: 0 12px 32px rgba(0,174,239,.26);
  --ridge: rgba(0,174,239,.165);
}
.theme-light, [data-theme="light"] {
  --bg: #E8E6E0;
  --surface: #FFFFFF;
  --surface-2: #F2F1ED;
  --surface-3: #E4E2DB;
  --line: #D9D6CE;
  --line-strong: #8F8B82;
  --control-edge: #77736A;
  --ink: #2B2B2B;
  --ink-2: #555555;
  --ink-3: #5E5E5E;
  --brand: #173358;
  --brand-fill: #00AEEF;
  --brand-strong: #0096CF;
  --brand-ink: #006A96;
  --brand-soft: #DDF1FA;
  --brand-soft-2: #CBEAF7;
  --on-brand: #031018;
  --accent-2: #00754A;
  --shadow-2: 0 12px 34px rgba(23,51,88,.10);
  --header-bg: rgba(255,255,255,.92);
  --glow-1: rgba(0,174,239,.07);
  --glow-2: rgba(0,178,107,.045);
  --hero-glow-1: rgba(0,174,239,.14);
  --hero-glow-2: rgba(0,178,107,.08);
  --hero-grid: rgba(23,51,88,.035);
  --ring: rgba(23,51,88,.14);
  --ring-halo: rgba(0,174,239,.035);
  --card-highlight: rgba(23,51,88,.025);
  --card-ring: rgba(0,174,239,.16);
  --card-shadow: 0 12px 34px rgba(23,51,88,.10);
  --frame: linear-gradient(145deg, rgba(255,255,255,.98), rgba(237,244,247,.96));
  --frame-glow: rgba(0,174,239,.12);
  --frame-edge: rgba(23,51,88,.16);
  --frame-shadow: 0 28px 72px rgba(23,51,88,.14);
  --mark: radial-gradient(circle, rgba(0,174,239,.22) 0 8%, transparent 9% 24%, rgba(0,174,239,.16) 25% 26%,
    transparent 27% 43%, rgba(0,178,107,.14) 44% 45%, transparent 46%), linear-gradient(145deg, #FFFFFF, #EAF2F5);
  --mark-edge: rgba(23,51,88,.16);
  --mark-shadow: 0 24px 64px rgba(23,51,88,.14);
  --wash: linear-gradient(135deg, rgba(0,174,239,.12), rgba(0,178,107,.08));
  --action-glow: 0 12px 32px rgba(0,174,239,.30);
  --ridge: rgba(23,51,88,.19);
}
/* More contrast: stronger text and edges, and none of the texture, which only lowers it. The selectors are barnegar's
   own, so these win over its blue brand roles for the same request. */
@media (prefers-contrast: more) {
  .theme-dark:not([data-contrast="normal"]), [data-theme="dark"]:not([data-contrast="normal"]) {
    --line-strong: #7A9CC5; --control-edge: #8FAED3; --ink-2: #D0D9E4; --ink-3: #C3CEDB;
    --brand-fill: #00AEEF; --brand-ink: #66D3FA;
    --glow-1: transparent; --glow-2: transparent; --hero-glow-1: transparent; --hero-glow-2: transparent;
    --hero-grid: transparent; --ring: transparent; --ring-halo: transparent; --card-ring: transparent; --ridge: transparent;
  }
  .theme-light:not([data-contrast="normal"]), [data-theme="light"]:not([data-contrast="normal"]) {
    --line-strong: #6E6A62; --control-edge: #5F5B54; --ink-2: #444444; --ink-3: #4A4A4A;
    --brand-fill: #00AEEF; --brand-ink: #005479; --accent-2: #005E3B;
    --glow-1: transparent; --glow-2: transparent; --hero-glow-1: transparent; --hero-glow-2: transparent;
    --hero-grid: transparent; --ring: transparent; --ring-halo: transparent; --card-ring: transparent; --ridge: transparent;
  }
}
.theme-dark[data-contrast="more"], [data-theme="dark"][data-contrast="more"] {
  --line-strong: #7A9CC5; --control-edge: #8FAED3; --ink-2: #D0D9E4; --ink-3: #C3CEDB;
  --brand-fill: #00AEEF; --brand-ink: #66D3FA;
  --glow-1: transparent; --glow-2: transparent; --hero-glow-1: transparent; --hero-glow-2: transparent;
  --hero-grid: transparent; --ring: transparent; --ring-halo: transparent; --card-ring: transparent; --ridge: transparent;
}
.theme-light[data-contrast="more"], [data-theme="light"][data-contrast="more"] {
  --line-strong: #6E6A62; --control-edge: #5F5B54; --ink-2: #444444; --ink-3: #4A4A4A;
  --brand-fill: #00AEEF; --brand-ink: #005479; --accent-2: #005E3B;
  --glow-1: transparent; --glow-2: transparent; --hero-glow-1: transparent; --hero-glow-2: transparent;
  --hero-grid: transparent; --ring: transparent; --ring-halo: transparent; --card-ring: transparent; --ridge: transparent;
}