:root {
  --color-primary:    #00C896;
  --color-bg:         #0D0D0D;
  --color-surface:    #1A1A1A;
  --color-surface-2:  #242424;
  --color-text:       #FFFFFF;
  --color-text-muted: #A0A0A0;
  --color-error:      #FF4444;
  --color-warning:    #FF9500;
  --color-border:     #2A2A2A;
  --color-blue:       #4FC3F7;
  --color-amber:      #FF9500;
  --color-purple:     #A78BFA;

  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;

  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;

  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 28px;

  --nav-height: 64px;
  --sidebar-width: 240px;
}