/* Abakos corporate design tokens — single source of truth */
:root {
  /* Brand blue — sampled from logo-horizontal.png (KOS wordmark) */
  --abk-brand: #0b5cfd;
  --abk-brand-rgb: 11, 92, 253;

  /* Surfaces */
  --abk-bg: #070709;
  --abk-surface: #101118;
  --abk-card: #0d0e14;

  /* Text */
  --abk-text: #f6f7fb;
  --abk-text-soft: #b8bfcc;
  --abk-text-muted: #8a8fa0;

  /* Lines */
  --abk-line: #202433;

  /* Semantic */
  --abk-red: #ff5d6c;
  --abk-green: #4ade80;

  /* Typography stacks */
  --abk-font-display: "Clash Display", "Space Grotesk", Georgia, serif;
  --abk-font-body: "Satoshi", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --abk-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --abk-maxw: 1200px;

  /* Legacy aliases (one brand color only) */
  --abk-accent: var(--abk-brand);
  --bg-main: var(--abk-bg);
  --bg-surface: var(--abk-surface);
  --bg-card: var(--abk-card);
  --bg: var(--abk-bg);
  --bg2: var(--abk-card);
  --surface: var(--abk-surface);
  --surface2: var(--abk-card);
  --panel: var(--abk-card);
  --text-main: var(--abk-text);
  --text-muted: var(--abk-text-muted);
  --text-soft: var(--abk-text-soft);
  --ink: var(--abk-text);
  --ink-soft: var(--abk-text-soft);
  --muted: var(--abk-text-muted);
  --faint: var(--abk-text-muted);
  --slate: var(--abk-text-muted);
  --line: var(--abk-line);
  --line2: var(--abk-line);
  --border-soft: var(--abk-line);
  --border-blue: var(--abk-brand);
  --blue: var(--abk-brand);
  --blue2: var(--abk-brand);
  --code: var(--abk-text-soft);
  --red: var(--abk-red);
  --green: var(--abk-green);
  --disp: var(--abk-font-display);
  --body: var(--abk-font-body);
  --mono: var(--abk-font-mono);
  --maxw: var(--abk-maxw);
}