:root {
    --bg: #000000;
    --text: #f5f5f7;
    --text-secondary: #86868b;
    --border: #2c2c2e;
    --surface: #1c1c1e;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.7);
    --blue: #0a84ff;
    --teal-blue: #0390c7;
    --purple: #bf5af2;
    --dark-purple: #6b11e0;
    --pink: #ff375f;
    --red: #ff453a;
    --orange: #551a99;
    --yellow: #ffd60a;
    --green: #32d74b;
    --teal: #64d2ff;
    --indigo: #5e5ce6;
    --indigo-hover: #7069ff;
    --seperator: #707070;
    --accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 24px;
}