/* Explain: Theme tokens defining brand colors, typography, and spacing. */
:root {
    --primary-color: #1E6BFF;
    --primary-hover: #3E85FF;
    --secondary-color: #9CBEFF;
    --accent-color: #4DA0FF;
    --background-color: #05070E;
    --surface-color: #0B1220;
    --surface-alt: #111C31;
    --footer-bg: #03050A;
    --text-color: #E9F0FF;
    --text-muted: #92A6C7;
    --border-color: rgba(130, 165, 255, 0.16);
    --hairline: rgba(130, 165, 255, 0.09);
    --glass-bg: rgba(11, 18, 32, 0.94);
    --nav-bg: #06090F;
    --field-bg: rgba(255, 255, 255, 0.045);
    --shadow-soft: 0 20px 44px rgba(0, 0, 0, 0.5);
    --shadow-button: 0 10px 26px rgba(30, 107, 255, 0.4);
    --font-heading: 'Montserrat', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;
}