/*
 * LotBounty — Shared Design Tokens
 * ==================================
 * Single source of truth for CSS custom properties.
 * Imported before every page stylesheet via <link rel="stylesheet">.
 *
 * Pages that need overrides declare a second :root block in their own
 * stylesheet (landing.css overrides --text-dim and adds --bg-deep).
 *
 * Brand: --primary (#a78bfa) is the "Pulse" violet from /brand/ (rebrand v1.7.7).
 * Source-of-truth artwork in brand/the-pulse-*.svg references the same hex.
 */

:root {
    /* Backgrounds */
    --bg:       #08090b;
    --bg-deep:  #05060a;
    --surface:  #111318;
    --surface2: #181c24;
    --surface3: #1e2330;

    /* Borders */
    --border:        #222832;
    --border-bright: #2a3142;

    /* Text */
    --text:     #eceef4;
    --text-dim: #5c6480;
    --text-mid: #b6bdd2;

    /* Primary (LotBounty brand violet — "The Pulse" mark, rebrand v1.7.7) */
    --primary:             #a78bfa;
    --primary-bright:      #c4b5fd;
    --primary-glow:        rgba(167,139,250,0.14);
    --primary-glow-strong: rgba(167,139,250,0.28);
    --primary-dim:         #7c3aed;

    /* Brand background tones (used in og-image, app icon backplate) */
    --brand-bg:      #0e131c;
    --brand-bg-deep: #05080d;

    /* Accent colours */
    --gold:      #fbbf24;
    --gold-glow: rgba(251,191,36,0.12);
    --red:       #f43f5e;
    --red-glow:  rgba(244,63,94,0.10);
    --blue:      #38bdf8;
    --blue-glow: rgba(56,189,248,0.13);
    --purple:    #e879f9;  /* Steal-tier accent — fuchsia, kept distinct from new primary violet */
    --orange:    #fb923c;

    /* Radii */
    --radius:    14px;
    --radius-sm: 10px;
    --radius-lg: 20px;
    --radius-xl: 28px;
}