/* Design tokens — the SINGLE place colors/spacing/type are defined.
   Aggrandize brand colors swap in here later with zero refactor (ADR-011).
   Dark-first; [data-theme="light"] overrides the palette only. */

:root {
  /* Brand hook — set these to Aggrandize brand colors later */
  --brand: #5B8DEF;
  --brand-strong: #4a78d6;

  /* Dark palette (default) */
  --bg: #0B0C0E;
  --surface: #141518;
  --surface-raised: #1B1D21;
  --border: #26282E;
  --border-strong: #34373E;

  --text: #ECEDEE;
  --text-secondary: #9BA1A6;
  --text-muted: #6B7177;

  --accent: var(--brand);
  --accent-contrast: #ffffff;
  --success: #3FB950;
  --warn: #D29922;
  --danger: #F85149;

  /* Status */
  --status-normal: var(--success);
  --status-warning: var(--warn);
  --status-critical: var(--danger);

  /* Geometry & type */
  --radius: 10px;
  --radius-sm: 7px;
  --space: 4px;
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

[data-theme="light"] {
  --bg: #F7F8FA;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --border: #E3E6EA;
  --border-strong: #D2D7DD;
  --text: #1A1D21;
  --text-secondary: #5A6068;
  --text-muted: #8A9099;
  --accent-contrast: #ffffff;
  --shadow: 0 1px 3px rgba(16, 24, 40, 0.08);
}