/*
 * Design Tokens — The Defense Brief
 * Single source of truth for all visual constants.
 * Every page must import this file. No raw hex values elsewhere.
 */

:root {
  /* ── Brand Colors ── */
  --db-navy: #0B1F33;
  --db-navy-light: #0d2540;
  --db-red: #8B1E1E;
  --db-slate: #6B7280;
  --db-bg: #F4F6F8;
  --db-char: #1F2933;
  --db-card: #ffffff;
  --db-muted: rgba(31, 41, 51, .70);

  /* ── Status Colors ── */
  --db-success: #1a6e34;
  --db-warning: #92400e;
  --db-info: #0B1F33;

  /* ── Borders ── */
  --db-border: rgba(11, 31, 51, .12);
  --db-border-hover: rgba(11, 31, 51, .26);
  --db-border-focus: rgba(11, 31, 51, .28);
  --db-border-strong: rgba(11, 31, 51, .22);
  --db-border-red: rgba(139, 30, 30, .24);

  /* ── Shadows ── */
  --db-shadow-sm: 0 2px 8px rgba(11, 31, 51, .05);
  --db-shadow-card: 0 10px 24px rgba(11, 31, 51, .06);
  --db-shadow-elevated: 0 14px 28px rgba(11, 31, 51, .08);
  --db-shadow-focus: 0 0 0 3px rgba(11, 31, 51, .12);
  --db-shadow-dropdown: 0 10px 26px rgba(11, 31, 51, .12);
  --db-shadow-modal: 0 24px 80px rgba(11, 31, 51, .24);

  /* ── Border Radius ── */
  --db-radius-xs: 4px;
  --db-radius-sm: 6px;
  --db-radius-md: 10px;
  --db-radius-lg: 14px;
  --db-radius-xl: 20px;
  --db-radius-pill: 999px;

  /* ── Typography ── */
  --db-font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --db-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Font sizes — strict type scale */
  --db-text-xs: 11px;
  --db-text-sm: 12px;
  --db-text-base: 14px;
  --db-text-md: 15px;
  --db-text-lg: 18px;
  --db-text-xl: 22px;
  --db-text-2xl: 28px;
  --db-text-3xl: 34px;

  /* Line heights */
  --db-leading-tight: 1.2;
  --db-leading-snug: 1.35;
  --db-leading-body: 1.6;
  --db-leading-relaxed: 1.75;

  /* Letter spacing */
  --db-tracking-tight: -.02em;
  --db-tracking-normal: .01em;
  --db-tracking-wide: .08em;
  --db-tracking-wider: .14em;
  --db-tracking-widest: .22em;

  /* ── Spacing ── */
  --db-space-xs: 4px;
  --db-space-sm: 8px;
  --db-space-md: 12px;
  --db-space-lg: 18px;
  --db-space-xl: 24px;
  --db-space-2xl: 32px;
  --db-space-3xl: 48px;
  --db-space-4xl: 64px;

  /* ── Transitions ── */
  --db-transition: .18s ease;
  --db-transition-fast: .12s ease;

  /* ── Layout ── */
  --db-max-width: 1180px;
  --db-max-width-wide: 1240px;
  --db-max-width-narrow: 820px;
  --db-header-height: 56px;
}