:root {
  /* MVP Color System - Final Lock */
  --overlay-veil-rgb: 0, 0, 0;
  --signal-warning-rgb: 250, 204, 21;
  --signal-critical-rgb: 248, 113, 113;
  --shadow-base-rgb: 0, 0, 0;

  /* Primary accent - ONLY accent color */
  --brand-primary: #4e786f;
  --brand-primary-rgb: 78, 120, 111;
  --brand-secondary: #3f6359;
  --brand-secondary-rgb: 63, 99, 89;
  --brand-hover: #5c8a7f;
  --brand-hover-rgb: 92, 138, 127;

  /* Backgrounds - Matte, no gradients */
  --bg-root: #0b0c0c;
  --bg-root-rgb: 11, 12, 12;
  --bg-section: #0e1010;
  --bg-section-rgb: 14, 16, 16;
  --bg-surface: #111414;
  --bg-surface-rgb: 17, 20, 20;

  /* Text hierarchy */
  --text-primary: #eef2f1;
  --text-primary-rgb: 238, 242, 241;
  --text-secondary: #9aa6a3;
  --text-secondary-rgb: 154, 166, 163;
  --text-muted: #6f7d79;
  --text-muted-rgb: 111, 125, 121;

  /* Borders - Subtle only */
  --border-subtle: rgba(136, 168, 160, 0.12);
  --border-focus: rgba(88, 136, 126, 0.4);

  /* Overlays - Solid, no frosting */
  --overlay-entity-rgb: 14, 16, 16;
  --overlay-input-rgb: 17, 20, 20;
  --overlay-popover-rgb: 17, 20, 20;
  --overlay-release-rgb: 17, 20, 20;
  --overlay-modal-rgb: 17, 20, 20;

  /* Shadows - Soft, consistent */
  --shadow-card: 0 2px 8px rgba(var(--shadow-base-rgb), 0.2);
  --shadow-popover: 0 4px 12px rgba(var(--shadow-base-rgb), 0.25);
  --shadow-modal: 0 8px 24px rgba(var(--shadow-base-rgb), 0.3);

  /* Legacy aliases - Map to new system */
  --bg-dark: var(--bg-root);
  --bg-dark-rgb: var(--bg-root-rgb);
  --bg-panel: var(--bg-section);
  --bg-panel-rgb: var(--bg-section-rgb);
  --bg-card: var(--bg-surface);
  --bg-card-rgb: var(--bg-surface-rgb);

  --text-light: var(--text-primary);
  --text-light-rgb: var(--text-primary-rgb);
  --text-muted: var(--text-secondary);
  --text-muted-rgb: var(--text-secondary-rgb);

  --wwr-bg-primary: var(--bg-root);
  --wwr-bg-primary-rgb: var(--bg-root-rgb);
  --wwr-bg-secondary: var(--bg-section);
  --wwr-bg-secondary-rgb: var(--bg-section-rgb);
  --wwr-bg-gradient-main: var(--bg-root);
  --wwr-card-bg: var(--bg-surface);
  --wwr-card-border: var(--border-subtle);
  --wwr-card-shadow: var(--shadow-card);
  --wwr-surface-1: var(--wwr-card-bg);
  --wwr-radius-card: 18px;
  --wwr-shadow-card: var(--shadow-card);
  --wwr-accent-primary: var(--brand-primary);
  --wwr-accent-primary-rgb: var(--brand-primary-rgb);
  --wwr-accent-secondary: var(--brand-secondary);
  --wwr-accent-secondary-rgb: var(--brand-secondary-rgb);
  --wwr-text-primary: var(--text-primary);
  --wwr-text-primary-rgb: var(--text-primary-rgb);
  --wwr-text-secondary: var(--text-secondary);
  --wwr-text-secondary-rgb: var(--text-secondary-rgb);
  --wwr-border-subtle: var(--border-subtle);
  --wwr-border-strong: rgba(var(--text-primary-rgb), 0.2);
  --wwr-panel-gradient: var(--bg-section);
  --wwr-panel-shadow-outer: var(--shadow-card);
  --wwr-panel-shadow-inner: none;

  --wwr-surface-entity-rgb: var(--overlay-entity-rgb);
  --wwr-surface-input-rgb: var(--overlay-input-rgb);
  --wwr-surface-popover-rgb: var(--overlay-popover-rgb);
  --wwr-surface-release-rgb: var(--overlay-release-rgb);
  --wwr-surface-modal-rgb: var(--overlay-modal-rgb);
  --wwr-overlay-veil-rgb: var(--overlay-veil-rgb);
  --wwr-signal-warning-rgb: var(--signal-warning-rgb);
  --wwr-signal-critical-rgb: var(--signal-critical-rgb);

  /* Component palettes */
  --primary-300: var(--brand-primary);
  --primary-400: var(--brand-primary);
  --primary-500: var(--brand-secondary);
  --primary-600: var(--brand-secondary);
  --primary-700: var(--brand-secondary);

  --primary-300-rgb: var(--brand-primary-rgb);
  --primary-500-rgb: var(--brand-secondary-rgb);
  --primary-600-rgb: var(--brand-secondary-rgb);

  --text-high: var(--text-primary);
  --text-mid: var(--text-secondary);
  --text-low: var(--text-muted);

  --depth-900: var(--bg-root);
  --depth-900-rgb: var(--bg-root-rgb);
  --depth-800: var(--bg-section);
  --depth-700: var(--bg-section);

  --surface-panel: var(--bg-surface);
  --border-glow: var(--border-subtle);
  --panel-shadow-outer: var(--shadow-card);
  --panel-shadow-inner: none;
  --deep-tech-gradient: var(--bg-root);
  --glow-rgb: var(--brand-primary-rgb);

  /* Legacy aliases (moved from styles.css) */
  --wwr-accent: var(--wwr-accent-primary);
  --wwr-link: var(--wwr-accent-secondary);
  --wwr-primary: var(--wwr-accent-primary);
  --wwr-primary-rgb: var(--wwr-accent-primary-rgb);
  --wwr-primary-soft-rgb: var(--wwr-accent-secondary-rgb);
  --wwr-bg: var(--wwr-bg-gradient-main);
  --wwr-bg-solid: var(--wwr-bg-primary);
  --wwr-surface: var(--wwr-card-bg);
  --wwr-text: var(--wwr-text-primary);
  --wwr-text-muted: var(--wwr-text-secondary);
  --wwr-text-low: rgba(var(--wwr-text-secondary-rgb), 0.65);
  --wwr-border-subtle: rgba(var(--wwr-accent-primary-rgb), 0.15);
  --wwr-success: var(--wwr-accent-secondary);
  --wwr-warning: rgba(var(--wwr-accent-secondary-rgb), 0.86);
  --wwr-error: var(--wwr-accent-primary);
  --wwr-overlay: rgba(var(--wwr-bg-primary-rgb), 0.94);
  --font-ui: var(--font-body);
  --font-brand: var(--font-heading);
  --font-tech: var(--font-heading);
  --card-surface: var(--wwr-card-bg);
  --card-border: var(--wwr-border-subtle);
  --card-shadow: var(--wwr-card-shadow);
  --card-radius: 20px;
  --panel-bg: var(--wwr-card-bg);
  --panel-border: var(--wwr-border-subtle);
  --panel-shadow-outer: var(--wwr-panel-shadow-outer);
  --panel-shadow-inner: var(--wwr-panel-shadow-inner);
  --panel-sweep: var(--wwr-panel-gradient);
  --button-fill-primary: var(--wwr-accent-primary);
  --button-shadow: var(--shadow-glow);
  --button-shadow-hover: 0 14px 32px rgba(var(--wwr-bg-primary-rgb), 0.6);
  --glow-outline: var(--wwr-border-subtle);
}