:root {
  /* Modern Material Neo-Brutalism Palette */
  --color-bg: #F4F5FB;
  --color-surface: #FFFFFF;
  --color-surface-elevated: #FFFFFF;
  --color-surface-alt: #F8F9FE;
  --color-dark: #12131A;
  --color-text: #12131A;
  --color-text-secondary: #4A4E69;
  --color-muted: #6B7280;

  /* Crisp Dark Neo-Brutalist Borders */
  --color-border: #12131A;
  --color-border-subtle: #D8DAE5;
  --border-neo-sm: 2px solid #12131A;
  --border-neo: 2.5px solid #12131A;
  --border-neo-thick: 3px solid #12131A;

  /* Material Neo-Brutalist Accent Colors */
  --color-primary: #7D53FF;
  --color-primary-strong: #6432F9;
  --color-primary-soft: #EDE8FF;
  --color-accent: #FFE600;
  --color-accent-hover: #FFD000;
  --color-success: #00D26A;
  --color-success-soft: #D4F9E4;
  --color-warning: #FFB800;
  --color-warning-soft: #FFF4D0;
  --color-danger: #FF385C;
  --color-danger-soft: #FFE6EC;
  --color-cyan: #00E5FF;

  /* Solid Hard Offset Shadows (Unblurred Flat Material Neo) */
  --shadow-neo-xs: 2px 2px 0px #12131A;
  --shadow-neo-sm: 3px 3px 0px #12131A;
  --shadow-neo: 5px 5px 0px #12131A;
  --shadow-neo-lg: 8px 8px 0px #12131A;
  --shadow-neo-xl: 12px 12px 0px #12131A;
  --shadow-neo-hover: 7px 7px 0px #12131A;
  --shadow-neo-active: 1px 1px 0px #12131A;

  /* Geometry & Corners (Neo-Brutalist rounded flat) */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 44px;
  --space-12: 56px;
  --content-max: 1220px;

  /* Typography */
  --font-stack: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --transition-fast: all 0.12s cubic-bezier(0.2, 0, 0, 1);
  --transition: all 0.18s cubic-bezier(0.2, 0, 0, 1);
}