/* Design tokens — extracted from the accounts-service customer portal's
   templates/base.html. Keep in sync manually; there is no build step. */

:root {
  /* light (default baseline) */
  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-2: #eceff3;
  --line: #dde2e9;
  --text: #1c222c;
  --text-muted: #667085;

  --accent: #3b62d9;
  --accent-soft: #e8edfc;
  --accent-ink: #24408f;

  --ok: #1f9d5c;
  --warn: #b9790a;
  --err: #c23a3a;

  /* category accents — identical in light/dark, not theme-dependent */
  --cat-image: #3b62d9;
  --cat-audio: #c14f7a;
  --cat-video: #cc5b3d;
  --cat-assistant: #4f9e52; /* reserved, unused in V1 (no chat product on this page) */

  --radius: 10px;
  --radius-sm: 8px;

  --shadow: 0 1px 2px rgba(20, 28, 44, .06), 0 8px 24px -12px rgba(20, 28, 44, .12);

  --font-mono: "Fira Code", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --font-sans: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

/* system dark preference applies unless the user made an explicit choice */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0a0d13;
    --surface: #12161e;
    --surface-2: #171c26;
    --line: #262e3b;
    --text: #e7eaf1;
    --text-muted: #8992a5;

    --accent: #5b82f6;
    --accent-soft: #16203f;
    --accent-ink: #a9c0ff;

    --ok: #35c97a;
    --warn: #e0a23c;
    --err: #e05353;

    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .55);
  }
}

/* explicit manual choice always wins, regardless of system preference */
:root[data-theme="dark"] {
  --bg: #0a0d13;
  --surface: #12161e;
  --surface-2: #171c26;
  --line: #262e3b;
  --text: #e7eaf1;
  --text-muted: #8992a5;

  --accent: #5b82f6;
  --accent-soft: #16203f;
  --accent-ink: #a9c0ff;

  --ok: #35c97a;
  --warn: #e0a23c;
  --err: #e05353;

  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .55);
}