:root {
  color-scheme: dark;

  /* Surfaces */
  --bg-app: #0a0b0d;
  --bg-surface: #101216;
  --bg-elevated: #16181d;
  --bg-inset: #0d0f12;
  --bg-hover: #1b1e25;

  /* Borders */
  --border-subtle: #1d2027;
  --border-default: #262a33;
  --border-strong: #343a46;

  /* Text */
  --text-primary: #e8eaef;
  --text-secondary: #a4aab6;
  --text-tertiary: #737985;
  --text-quaternary: #4c525d;

  /* Accent */
  --accent: #6a74e8;
  --accent-hover: #7f88ef;
  --accent-soft: rgba(106, 116, 232, 0.14);
  --accent-border: rgba(106, 116, 232, 0.4);

  /* Status */
  --status-pending: #f0a836;
  --status-approved: #5bb98a;
  --status-rejected: #e5595e;

  /* Platform accents */
  --platform-bluesky: #1185fe;
  --platform-telegram: #29a9eb;
  --platform-x: #e8eaef;

  /* Strike type accents */
  --strike-type-drone: #4fb8b0;
  --strike-type-cruise-missile: #5b9dd9;
  --strike-type-ballistic-missile: #d98a5b;
  --strike-type-friendly-fire: #f0a836;
  --strike-type-other: #737985;

  /* Semantic */
  --danger: #e5595e;
  --warn: #f0a836;

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif;

  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-22: 1.375rem;
  --fs-28: 1.75rem;
  --fs-34: 2.125rem;

  --lh-tight: 1.15;
  --lh-normal: 1.5;

  /* Spacing (4px base) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px;

  /* Radii */
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 20px; --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.38);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 120ms;
  --dur: 180ms;

  /* Layout */
  --nav-h: 56px;
  --content-max: 1240px;
  --sidebar-w: 380px;
}