/* Explain: Theme tokens for the dark and premium studio identity. */
:root {
    --primary-color: #C9CFD8;
    --primary-hover: #E8EBF0;
    --secondary-color: #22262D;
    --accent-color: #8B7CFF;
    --accent-alt: #35E0CE;
    --accent-deep-blue: #3B5BDB;
    --glow-deep-blue: rgba(59, 91, 219, 0.42);
    --logo-subtitle-color: #9AA0AA;
    --button-color: #D3D8DF;
    --button-text-color: #101215;
    --background-color: #0B0D11;
    --surface-color: #16191E;
    --footer-bg: #08090C;
    --text-color: #ECEEF2;
    --text-muted: #9AA0AA;
    --border-color: rgba(201, 207, 216, 0.14);
    --glass-bg: rgba(255, 255, 255, 0.045);
    --glass-border: rgba(201, 207, 216, 0.20);
    --nav-bg: rgba(11, 13, 17, 0.68);
    --field-bg: rgba(255, 255, 255, 0.05);
    --sage-soft: rgba(201, 207, 216, 0.12);
    --sage-dark: #C9CFD8;
    --terracotta-soft: rgba(139, 124, 255, 0.28);
    --gradient-accent: linear-gradient(120deg, #8B7CFF 0%, #35E0CE 100%);
    --glow-accent: rgba(139, 124, 255, 0.35);
    --shadow-soft: 0 22px 70px rgba(0, 0, 0, 0.45);
    --shadow-button: 0 16px 40px rgba(0, 0, 0, 0.45);
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Manrope', sans-serif;
    --font-logo: 'Outfit', sans-serif;
}