/* Explain: Engineering visual system tokens for the one-page site. */
:root {
    --primary-color: #1E88E5;
    --primary-hover: #4FA3F0;
    --secondary-color: #FF3B30;
    --accent-color: #FF3B30;
    --background-color: #060A10;
    --surface-color: #0B1119;
    --surface-elevated: #101A26;
    --surface-glass: rgba(11, 17, 25, 0.76);
    --text-color: #F4F8FB;
    --text-muted: #C6D2DC;
    --text-soft: #8A99A6;
    --border-color: rgba(198, 210, 220, 0.18);
    --grid-line: rgba(30, 136, 229, 0.18);
    --green-glow: rgba(255, 59, 48, 0.42);
    --blue-glow: rgba(30, 136, 229, 0.48);
    --shadow-blue: 0 24px 80px rgba(30, 136, 229, 0.22);
    --shadow-green: 0 18px 60px rgba(255, 59, 48, 0.15);
    --radius-sm: 0.7rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;
}