/* ── TrackDataLab shared theme tokens ─────────────────────────────
   Linked by all sections (marketing site, auth, coach app, admin,
   athlete portal). Pages may layer their own styles on top, but
   colors/fonts should reference these variables. */
:root {
    /* Surfaces */
    --bg: #0a0a0a;
    --bg2: #111111;
    --bg3: #161616;
    --bg4: #222222;
    --border: #1a1a1a;

    /* Text */
    --text: #ffffff;
    --muted: #888888;
    --dim: #555555;

    /* Brand */
    --blue: #007bff;
    --blue-glow: rgba(0, 123, 255, .5);
    --green: #00cc44;
    --red: #ff4444;
    --gold: #ffc107;

    /* Type */
    --font-display: 'Oswald', sans-serif;
    --font-body: 'Inter', sans-serif;
}

/* Platform-wide responsive foundations. Individual pages own their visual
   systems, but every surface shares these safeguards against fixed-width
   overflow, clipped media, and mobile text zoom. */
html {
    min-width: 0;
    min-height: 100%;
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
}
body {
    width: 100%;
    min-width: 0;
    min-height: 100dvh;
    overflow-x: clip;
}
img, picture, video, canvas, svg {
    max-width: 100%;
    height: auto;
}
input, select, textarea, button {
    max-width: 100%;
}

/* Mobile stabilisation shared by all pages */
@media (pointer: coarse), (max-width: 1024px) {
    input, select, select option, textarea { font-size: 16px !important; }
}
@media (max-width: 640px) {
    body { overflow-x: hidden; }
}
a, button, input, select, textarea, label, [role="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}