/* Cat Chat design tokens — the themeable slot.
   Light is the default; dark follows the OS. Only this file changes to
   re-skin the product for another MSP. */

:root {
  /* Surfaces — light (default) */
  --cc-page-bg: #f4f6f8;
  --cc-sidebar-bg: #ffffff;
  --cc-card-bg: #ffffff;
  --cc-elevated-bg: #f4f6f8;
  --cc-border: #dde2e8;

  /* Text — light */
  --cc-text-hi: #141a22;
  --cc-text-mid: #3d4a56;
  --cc-text-lo: #6b7a8a;

  /* Brand — identical in both themes */
  --cc-blue: #1e9bf0;
  --cc-blue-dim: #0d72bb;
  --cc-blue-pale: rgba(30, 155, 240, 0.12);
  --cc-blue-text: rgba(30, 155, 240, 0.92);
  --cc-eye: var(--cc-blue);

  /* The brand band stays light in BOTH themes — the mark is dark-featured. */
  --cc-brand-band-bg: #f6f8ff;
  --cc-brand-band-border: #e6e9f5;
  --cc-brand-panel-bg: #eef2ff;
  --cc-brand-panel-text: #3a3f4b;
  --cc-brand-glow: 0 0 40px rgba(30, 155, 240, 0.25);

  /* Status */
  --cc-ok: #4ade80;
  --cc-ok-fill: rgba(74, 222, 128, 0.1);
  --cc-warn: #fb923c;
  --cc-warn-fill: rgba(251, 146, 60, 0.12);
  --cc-bad: #f87171;
  --cc-bad-fill: rgba(248, 113, 113, 0.1);
  --cc-info: #60a5fa;
  --cc-info-fill: rgba(96, 165, 250, 0.1);

  /* Type */
  --cc-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --cc-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Elevation */
  --cc-popover-shadow: 0 18px 44px rgba(0, 0, 0, 0.6);
}

@media (prefers-color-scheme: dark) {
  :root {
    --cc-page-bg: #0e131a;
    --cc-sidebar-bg: #141a22;
    --cc-card-bg: #1c2530;
    --cc-elevated-bg: #222b35;
    --cc-border: #2a3340;

    --cc-text-hi: #e8ecf0;
    --cc-text-mid: #8a97a6;
    --cc-text-lo: #4a5668;
  }
}