/* MAP
 * §1 Amber Light L5-L35
 * §2 Azure Dark L37-L67
 * §3 theme transitions L69-L78
 */

/* §1 Amber Light */
:root,
:root[data-theme="amber-light"] {
  color-scheme: light;
  --bg: #faf9f5;
  --surface: #ffffff;
  --surface-2: #f2efe7;
  --border: #c9c2b2;
  --border-strong: #9d9582;
  --text: #1f1e1d;
  --text-2: #57534e;
  --text-3: #777168;
  --accent: #c96442;
  --accent-hover: #b5502f;
  --accent-soft: rgba(201, 100, 66, .1);
  --on-accent: #ffffff;
  --ok: #1a7f4e;
  --ok-soft: #e3f3e9;
  --warn: #9a6410;
  --danger: #b72f3b;
  --danger-soft: #fbe8e8;
  --band: #262624;
  --on-band: #faf9f5;
  --shadow: 0 12px 32px rgba(66, 54, 39, .08);
  --sidebar: #272725;
  --sidebar-2: #33322f;
  --sidebar-text: #f2efe8;
  --sidebar-muted: #aaa498;
}

/* §2 Azure Dark */
:root[data-theme="azure-dark"] {
  color-scheme: dark;
  --bg: #232a35;
  --surface: #2d3542;
  --surface-2: #333c4a;
  --border: #526172;
  --border-strong: #718398;
  --text: #e3ecf4;
  --text-2: #cfdae6;
  --text-3: #a6b4c4;
  --accent: #5aa6dc;
  --accent-hover: #6fb6ea;
  --accent-soft: rgba(90, 166, 220, .15);
  --on-accent: #1e2530;
  --ok: #7fc4b0;
  --ok-soft: rgba(127, 196, 176, .15);
  --warn: #d5a54a;
  --danger: #e06a86;
  --danger-soft: rgba(224, 106, 134, .15);
  --band: #1f2630;
  --on-band: #e3ecf4;
  --shadow: 0 14px 36px rgba(13, 18, 24, .28);
  --sidebar: #1f2630;
  --sidebar-2: #29313c;
  --sidebar-text: #e3ecf4;
  --sidebar-muted: #a6b4c4;
}

/* §3 theme transitions */
@media (prefers-reduced-motion: no-preference) {
  body, .workspace, .topbar, .panel, .metric-card, input, button, a {
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
  }
}