/*
 * DayZero Brand Tokens — single source of truth.
 *
 * Imported by:
 *   packages/tokens/theme.css        (--dz-* light/dark mappings)
 *   frontend/src/index.css           (via theme.css — all pages)
 *
 * Mapped into Tailwind @theme / shadcn HSL tokens in index.css.
 *
 * Tailwind 4 @theme requires static values for tree-shaking,
 * so oklch equivalents are listed in comments only.
 *   accent:  oklch(0.60 0.055 240) = #6b8aae
 *   success: oklch(0.62 0.19 145)  = #16a34a
 *   warning: oklch(0.68 0.16 85)   = #ca8a04
 *   error:   oklch(0.58 0.22 27)   = #dc2626
 *   info:    oklch(0.55 0.19 260)  = #2563eb
 */

:root {
  /* ── Brand accent (muted slate-blue) ───────────────────────── */
  --brand-accent: #6b8aae;
  --brand-accent-hover: #5a7999;
  --brand-accent-hsl: 210 25% 55%;

  /* Starlight accent tints (dark default / light override) */
  --brand-accent-low: #0e1620;
  --brand-accent-high: #d4e0ec;
  --brand-accent-low-light: #e8eef5;
  --brand-accent-high-light: #1a3050;

  /* Alpha variants */
  --brand-accent-faint: rgba(107, 138, 174, 0.04);
  --brand-accent-subtle: rgba(107, 138, 174, 0.08);
  --brand-accent-soft: rgba(107, 138, 174, 0.1);
  --brand-accent-light: rgba(107, 138, 174, 0.12);
  --brand-accent-medium: rgba(107, 138, 174, 0.15);
  --brand-accent-glow: rgba(107, 138, 174, 0.2);
  --brand-accent-glow-dark: rgba(107, 138, 174, 0.25);
  --brand-accent-emphasis: rgba(107, 138, 174, 0.3);

  /* ── Typography ────────────────────────────────────────────── */
  --brand-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --brand-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --brand-font-readable: "Lexend", -apple-system, BlinkMacSystemFont, sans-serif;
  --brand-font-dyslexic: "OpenDyslexic", -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Semantic colors (light) ───────────────────────────────── */
  --brand-success: #16a34a;
  --brand-success-bg: rgba(22, 163, 74, 0.1);
  --brand-warning: #ca8a04;
  --brand-warning-bg: rgba(202, 138, 4, 0.1);
  --brand-error: #dc2626;
  --brand-error-bg: rgba(220, 38, 38, 0.1);
  --brand-info: #2563eb;
  --brand-info-bg: rgba(37, 99, 235, 0.1);

  /* ── Semantic colors (dark) ────────────────────────────────── */
  --brand-success-dark: #22c55e;
  --brand-success-bg-dark: rgba(34, 197, 94, 0.15);
  --brand-warning-dark: #eab308;
  --brand-warning-bg-dark: rgba(234, 179, 8, 0.15);
  --brand-error-dark: #ef4444;
  --brand-error-bg-dark: rgba(239, 68, 68, 0.15);
  --brand-info-dark: #3b82f6;
  --brand-info-bg-dark: rgba(59, 130, 246, 0.15);

  /* ── Colorblind-safe positive/negative ─────────────────────── */
  --brand-cb-positive: #10b981;
  --brand-cb-negative: #ef4444;
  --brand-cb-positive-dark: #22c55e;
  --brand-cb-negative-dark: #ef4444;

  /* ── Code block colors ─────────────────────────────────────── */
  --brand-code-bg: #1a1e2e;
  --brand-code-text: #cdd6f4;
  --brand-code-bg-dark: #141821;
  --brand-code-text-dark: #cdd6f4;

  /* ── Slate gray scale (blue-grey tinted) ───────────────────── */
  --brand-gray-50: #f8fafc;
  --brand-gray-100: #f1f5f9;
  --brand-gray-200: #e2e8f0;
  --brand-gray-300: #cbd5e1;
  --brand-gray-400: #94a3b8;
  --brand-gray-500: #64748b;
  --brand-gray-600: #475569;
  --brand-gray-700: #334155;
  --brand-gray-800: #1e293b;
  --brand-gray-900: #0f172a;
  --brand-gray-950: #020617;
}