:root {
  /* Colors */
  --bg: #0A0A0A;
  --surface: #141614;
  --text-primary: #FFFFFF;
  --text-secondary: #A0A8A3;
  --accent: #0F3D2E;
  --accent-hover: #1F7A52;
  --danger: #C0392B;
  --warning: #B8860B;
  --border: #2A2C2A;

  /* Shape */
  --radius: 10px;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-weight-body: 400;
  --font-weight-heading: 500;

  --font-size-h1: 22px;
  --font-size-h2: 18px;
  --font-size-h3: 16px;
  --font-size-body: 15px;
  --line-height-base: 1.6;

  /* Layout */
  --sidebar-width: 220px;
  --bottom-bar-height: 64px;

  /* Motion */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
}