/*
 * Design tokens — source of truth is DESIGN.md.
 * Variables only. No selectors other than :root live here.
 */

:root {
  /* ---- Palette: brand & surfaces (DESIGN.md §2) ---- */
  --color-purple: #9580FF;
  --color-night: #22212C;
  --color-deep-night: #1B1A23;
  --color-selection: #454158;
  --color-card: #2A2937;
  --color-card-raised: #313041;

  /* ---- Palette: text ---- */
  --color-foreground: #F8F8F2;
  --color-comment: #7970A9;
  --color-purple-tint: #9580FF7F;

  /* ---- Palette: semantic neons ---- */
  --color-green: #8AFF80;
  --color-red: #FF9580;
  --color-orange: #FFCA80;
  --color-yellow: #FFFF80;
  --color-cyan: #80FFEA;
  --color-pink: #FF80BF;

  /* ---- Borders ---- */
  --color-border: #454158;
  --color-border-subtle: #2A2937;
  --color-black-veil: rgba(0, 0, 0, 0.5);

  /* ---- Shadows & glows ---- */
  --shadow-card: rgba(0, 0, 0, 0.3) 0px 4px 12px;
  --shadow-dialog: rgba(0, 0, 0, 0.5) 0px 8px 24px;
  --glow-purple: rgba(149, 128, 255, 0.4) 0px 0px 0px 3px;
  --glow-pink: rgba(255, 128, 191, 0.5) 0px 0px 12px;
  --glow-green: rgba(138, 255, 128, 0.4) 0px 0px 8px;
  --glow-red: rgba(255, 149, 128, 0.5) 0px 0px 8px;

  /* ---- Font families (DESIGN.md §3) ---- */
  --font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- Type scale: sizes (rem, 16px base) ---- */
  --text-2xs: 0.625rem;  /* 10px  bot label */
  --text-xs: 0.6875rem;  /* 11px  badge / tag */
  --text-sm: 0.75rem;    /* 12px  timestamp / status */
  --text-md: 0.8125rem;  /* 13px  caption / meta */
  --text-base: 0.875rem; /* 14px  nav, button, channel */
  --text-lg: 1rem;       /* 16px  body, emphasis */
  --text-xl: 1.125rem;   /* 18px  section heading */
  --text-2xl: 1.5rem;    /* 24px  page title */

  /* ---- Type scale: weights ---- */
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Type scale: line heights ---- */
  --leading-none: 1;
  --leading-tight: 1.2;
  --leading-snug: 1.3;
  --leading-normal: 1.4;
  --leading-relaxed: 1.5;

  /* ---- Letter spacing ---- */
  --tracking-button: 0.3px;
  --tracking-badge: 0.5px;

  /* ---- Spacing (8px base, DESIGN.md §5) ---- */
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* ---- Radius ---- */
  --radius-subtle: 6px;
  --radius-standard: 8px;
  --radius-comfortable: 12px;
  --radius-pill: 24px;
  --radius-circle: 50%;
}