/* --- 1. TOKENS --- */
:root {
    /* Colours */
    --cyan: #00c8e6;
    --cyan-dim: rgba(0, 200, 230, 0.12);
    --cyan-glow: rgba(0, 200, 230, 0.4);
    --black: #06060a;
    --dark: #0d0d12;
    --card-bg: #131318;
    --card: #111117;
    --border: rgba(255, 255, 255, 0.07);
    --text-white: #f0f0f2;
    --text-gray: #777;
    --error: #ff4444;
    --error-soft: #ff7777;

    /* Typography */
    --font-display: 'Bebas Neue', sans-serif;
    --font-condensed: 'Barlow Condensed', sans-serif;
    --font-body: 'Barlow', -apple-system, sans-serif;

    /* Spacing */
    --page-pad-x: 6%;
    --section-pad-y: 80px;
    --page-top-clear: 140px;

    /* Motion */
    --transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}