/* Explain: Theme tokens defining cyberpunk colors, fonts, and background patterns. */
:root {
    --primary-color: #00e5ff;
    --primary-hover: #00b8d4;
    --secondary-color: #0e1730;
    --accent-color: #ff2e97;
    --accent-strong: #00e5ff;
    --logo-subtitle-color: #00e5ff;
    --button-color: #00e5ff;
    --background-color: #05070f;
    --surface-color: #0c1322;
    --surface-2: #121c32;
    --footer-bg: #070b16;
    --text-color: #e6f1ff;
    --text-muted: #8ea4c4;
    --border-color: rgba(0, 229, 255, 0.18);
    --glass-bg: rgba(12, 19, 34, 0.72);
    --glass-border: rgba(0, 229, 255, 0.24);
    --nav-bg: rgba(6, 9, 16, 0.72);
    --field-bg: rgba(10, 16, 30, 0.90);
    --grid-line: rgba(0, 229, 255, 0.10);
    --neon-cyan: rgba(0, 229, 255, 0.35);
    --neon-blue: rgba(0, 229, 255, 0.30);
    --shadow-soft: 0 20px 50px rgba(0, 0, 0, 0.55);
    --shadow-button: 0 12px 30px rgba(0, 229, 255, 0.30);
    --glow-text: 0 0 18px rgba(0, 229, 255, 0.45);
    --font-heading: 'Chakra Petch', system-ui, sans-serif;
    --font-body: 'Exo 2', system-ui, sans-serif;
    --font-logo: 'Chakra Petch', system-ui, sans-serif;
    --doodle-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%2300e5ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='0.28'%3E%3Crect x='34' y='44' width='88' height='58' rx='4'/%3E%3Cpath d='M24 106h108l-10 10H34z'/%3E%3Cpath d='M48 62h60M48 76h44M48 90h52'/%3E%3Crect x='252' y='48' width='96' height='64' rx='4'/%3E%3Cpath d='M300 112v18M278 130h44'/%3E%3Cpath d='M266 68h22M266 82h40M266 96h30'/%3E%3Crect x='40' y='200' width='122' height='44' rx='6'/%3E%3Cpath d='M56 214h8M76 214h8M96 214h8M116 214h8M136 214h8M56 230h96'/%3E%3Crect x='192' y='200' width='34' height='52' rx='17'/%3E%3Cpath d='M209 202v16'/%3E%3Cpath d='M270 212a40 40 0 0 1 56 0M280 224a26 26 0 0 1 36 0'/%3E%3Ccircle cx='298' cy='242' r='4'/%3E%3Ccircle cx='90' cy='312' r='18'/%3E%3Ccircle cx='90' cy='312' r='7'/%3E%3Cpath d='M90 286v-6M90 344v6M64 312h-6M122 312h6M72 294l-5-5M108 330l5 5M108 294l5-5M72 330l-5 5'/%3E%3Crect x='190' y='292' width='52' height='52' rx='6'/%3E%3Crect x='204' y='306' width='24' height='24' rx='2'/%3E%3Cpath d='M204 286v-6M216 286v-6M228 286v-6M204 350v6M216 350v6M228 350v6M184 306h-6M184 318h-6M184 330h-6M248 306h6M248 318h6M248 330h6'/%3E%3C/g%3E%3C/svg%3E");
}