/* SR-D Branding 1.0 | 2026-09-09 */
:root, [data-theme="light"] {
  color-scheme: light;
  --bg: #F4F8FC;
  --bg-strong: #EAF1F8;
  --surface: #FFFFFF;
  --surface-strong: #EAF1F8;
  --text: #14263D;
  --muted: #4C627D;
  --accent: #006B94;
  --accent-hover: #005576;
  --accent-contrast: #FFFFFF;
  --gold: #85600F;
  --gold-decorative: #F4CF6F;
  --line: #D3E0EC;
  --control-border: #6B8097;
  --focus: #006B94;
  --success: #176641;
  --warning: #85600F;
  --danger: #B42336;
  --glow-a: rgba(56,189,248,.09);
  --glow-b: rgba(59,130,246,.06);
  --stripe: rgba(20,38,61,.025);
  --shadow: 0 16px 40px rgba(20,38,61,.09);
  --font-body: "Aptos", "Trebuchet MS", "Segoe UI", sans-serif;
  --font-heading: "Bahnschrift", "Aptos Narrow", "Aptos", "Segoe UI", sans-serif;
  --radius-card: 22px;
  --radius-hero: 28px;
  --radius-control: 12px;
  --content-width: 1120px;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #050D18;
  --bg-strong: #030813;
  --surface: #0C1527;
  --surface-strong: #0C1730;
  --text: #EAF2FF;
  --muted: #98ABC8;
  --accent: #4EC9FF;
  --accent-hover: #8FDDFF;
  --accent-contrast: #032137;
  --gold: #F4CF6F;
  --line: #253C51;
  --control-border: #7187A3;
  --focus: #4EC9FF;
  --success: #75D6A0;
  --warning: #F4CF6F;
  --danger: #FF9FA9;
  --glow-a: rgba(56,189,248,.20);
  --glow-b: rgba(59,130,246,.18);
  --stripe: rgba(147,197,253,.018);
  --shadow: 0 24px 54px rgba(0,0,0,.48);
}
.brand-background {
  color: var(--text);
  background:
    repeating-linear-gradient(125deg,var(--stripe) 0 1px,transparent 1px 14px),
    radial-gradient(circle at 15% 4%,var(--glow-a),transparent 24%),
    radial-gradient(circle at 88% 9%,var(--glow-b),transparent 23%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg) 45%,var(--bg-strong) 100%);
}
.brand-surface { color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); }
.brand-button { font: inherit; font-weight: 700; min-height: 44px; padding: 10px 20px; color: var(--accent-contrast); background: var(--accent); border: 0; border-radius: var(--radius-control); }
.brand-button:hover { background: var(--accent-hover); }
.brand-link { color: var(--accent); text-decoration: underline; text-underline-offset: .2em; }
.brand-input { font: inherit; color: var(--text); background: var(--surface); border: 1px solid var(--control-border); border-radius: var(--radius-control); padding: 12px; min-height: 44px; }
.brand-input::placeholder { color: var(--muted); opacity: 1; }
:where(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

/* Website fallback when JavaScript is unavailable. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
  color-scheme: dark;
  --bg: #050D18;
  --bg-strong: #030813;
  --surface: #0C1527;
  --surface-strong: #0C1730;
  --text: #EAF2FF;
  --muted: #98ABC8;
  --accent: #4EC9FF;
  --accent-hover: #8FDDFF;
  --accent-contrast: #032137;
  --gold: #F4CF6F;
  --line: #253C51;
  --control-border: #7187A3;
  --focus: #4EC9FF;
  --success: #75D6A0;
  --warning: #F4CF6F;
  --danger: #FF9FA9;
  --glow-a: rgba(56,189,248,.20);
  --glow-b: rgba(59,130,246,.18);
  --stripe: rgba(147,197,253,.018);
  --shadow: 0 24px 54px rgba(0,0,0,.48);
  }
}