/* ========================================
   Design Tokens - Studio Dark Theme
   ======================================== */

:root {
    /* Brand colors */
    --space-black: #0A0A12;
    --bg-primary: #0A0A0A;
    --bg-card: #151515;
    --bg-elevated: #1A1A1A;
    --border-subtle: #2A2A2A;
    --border-hover: #3A3A3A;

    /* Accent system */
    --cyan-glow: #1EC3D2;
    --cyan-dim: #0F829B;
    --amber: #FFAA00;
    --nebula-purple: #2A1A3A;
    --nebula-teal: #0A2A2A;

    /* Text */
    --fg-primary: #E8E8E8;
    --fg-secondary: #999;
    --fg-muted: #666;

    /* Typography */
    --font-mono: 'JetBrains Mono', 'Fira Code', Menlo, monospace;
    --font-display: 'JetBrains Mono', 'Fira Code', Menlo, monospace;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 32px;
    --space-xl: 64px;
    --space-2xl: 128px;

    /* Borders */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    /* Transitions */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 150ms;
    --duration-normal: 300ms;
}