:root {
    --color-primary: #4e8eb8;
    --color-primary-dark: #3d7a9e;
    --color-secondary: #7ab0d0;
    --color-accent: #c89060;
    --color-accent-dark: #a87850;
    --color-surface: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.015) 100%);
    --color-surface-bg: rgba(12, 18, 30, 0.3);
    --color-surface-hover-bg: rgba(12, 18, 30, 0.42);
    --color-border: rgba(255, 255, 255, 0.1);
    --color-border-hover: rgba(78, 142, 184, 0.35);
    --color-text: #f0f2f5;
    --color-text-secondary: #94a3b8;
    --color-text-muted: #64748b;
    --color-dark: #0f172a;
    --color-darker: #060a12;
    /* Legacy aliases */
    --color-light: #f0f2f5;
    --color-gray: #94a3b8;
    --color-darkest: #060a12;
    --cubic-bezier: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}