/* © 2025 VEX LLC. All rights reserved. */
/* ===================================================================
   VARIABLES.CSS - CSS Custom Properties, Reset & Base Styles
   =================================================================== */

        :root {
            --primary: #4B7BF5; --primary-dark: #3B66D9; --primary-light: #EBF0FE;
            --danger: #F75555; --danger-light: #FEE2E2;
            --warning: #FACC15; --info: #246BFD; --success: #4ADE80;
            --bg: #FFFFFF; --card: #FFFFFF; --text: #212121; --text-light: #9E9E9E;
            --border: #EEEEEE; --shadow: rgba(0,0,0,0.04);
            --safe-top: env(safe-area-inset-top); --safe-bottom: env(safe-area-inset-bottom);
        }
        * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
        body { font-family: 'Inter', -apple-system, sans-serif; background: var(--bg); min-height: 100vh;
            padding-bottom: calc(80px + var(--safe-bottom)); overflow-x: hidden; }

        /* X Logo SVG */
        .x-logo { width: 60px; height: 60px; }
        .x-logo-sm { width: 32px; height: 32px; }
        .x-logo-lg { width: 80px; height: 80px; }