:root {
    /* Backgrounds */
    --bg-primary: #020911;
    --bg-secondary: #061019;
    --bg-card: #081521;

    /* Brand */
    --accent-primary: #04DABE;
    --accent-hover: #00F0D2;
    --accent-dark: #0B6B6A;

    /* Borders */
    --border-primary: #123746;

    /* Typography */
    --text-primary: #F5F7FA;
    --text-secondary: #C7D1DB;
    --text-muted: #81909D;

    /* Layout */
    --container-width: 1440px;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;

    /* Transitions */
    --transition-default: 200ms ease;
}