/* ==========================================================================
   Racqueteers — shared design tokens
   --------------------------------------------------------------------------
   The single source of truth for the site palette. Linked by index.html,
   privacy-policy.html, terms.html, refund-policy.html and 404.html; each page
   keeps its own layout CSS and reads colours from here, so a re-theme is one
   edit rather than five.

   Deliberately tokens only — no element or reset rules. index.html resets
   margins with `*`, the legal pages rely on the browser's default heading and
   paragraph margins, and 404.html has its own reset. Putting any of that here
   would silently restyle the pages that don't want it.
   ========================================================================== */

:root {
    --primary: #22D3EE;
    /* Electric Cyan */
    /* Neon Violet. Consumed through --gradient and --rgb-accent rather
       than directly, so keep all three in step. */
    --accent: #A855F7;
    --accent-2: #F472B6;
    /* Neon Magenta */
    --bg-color: #070B18;
    /* Near-black Navy — neon only reads against a deep base */
    --bg-deep: #04060F;
    --text-main: #F1F5F9;
    --text-muted: #94A3B8;
    --text-strong: #E2E8F0;
    /* Pure white, for headings that must out-weigh --text-main */
    --heading-strong: #FFFFFF;
    /* Ink for text sitting ON a neon fill — white fails contrast on cyan */
    --ink: #050A14;
    --glass-bg: rgba(17, 24, 45, 0.72);
    --glass-border: rgba(148, 163, 255, 0.14);
    --gradient: linear-gradient(135deg, #22D3EE 0%, #A855F7 100%);
    --glow-primary: rgba(34, 211, 238, 0.45);
    --glow-accent: rgba(168, 85, 247, 0.35);
    --glow-magenta: rgba(244, 114, 182, 0.55);
    /* Bare channel triplets, for the many glows and radial washes that need
       these same colours at their own alpha. `rgba(var(--rgb-primary), 0.18)`
       is the only way to keep a re-theme to one edit — a hex token cannot be
       given an alpha at the point of use. Keep each in step with its hex above. */
    --rgb-primary: 34, 211, 238;
    --rgb-accent: 168, 85, 247;
    --rgb-accent-2: 244, 114, 182;
    --rgb-bg: 7, 11, 24;
    /* Pale tints of the two neons — used for white-to-neon heading gradients,
       where the full-strength colours would be too dark to read as text. */
    --tint-primary: #A5F3FC;
    --tint-accent: #D8B4FE;
    /* Softer mid-stops, used by the promo badge's shimmer gradient */
    --tint-accent-2: #FBCFE8;
    --accent-soft: #C084FC;
    --rgb-accent-soft: 192, 132, 252;
    /* Muted grey for de-emphasised captions/dividers */
    --text-dim: #64748B;
    /* Secondary solid action — deliberately not the primary gradient */
    --action-secondary: #7C3AED;
}