:root {
    /* Backgrounds */
    --color-bg: #0a0a0a;
    --color-surface: rgba(255, 255, 255, 0.02);
    --color-surface-hover: rgba(255, 255, 255, 0.04);
    --color-surface-raised: rgba(255, 255, 255, 0.05);
    --color-surface-raised-hover: rgba(255, 255, 255, 0.08);

    /* Text */
    --color-heading: #fff;
    --color-heading-secondary: #e0e0e0;
    --color-text: #b0b0b0;
    --color-text-muted: #aaa;
    --color-text-subtle: #777;

    /* Accent */
    --color-accent: #09ff00;
    --color-accent-hover: #5fff5f;

    /* Borders */
    --color-border: rgba(255, 255, 255, 0.07);
    --color-border-hover: rgba(255, 255, 255, 0.15);
    --color-accent-border: rgba(9, 255, 0, 0.4);

    /* Typography */
    --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
}