/* Design tokens: the single source of truth for colours, radii and shadows.
   Lotto theme — near-black "jackpot night" violet, gold accent, ticket motifs. */
:root {
    --app-bg: #0d0a1c;
    --app-bg-soft: #150f2c;
    --app-surface: rgba(26, 18, 46, 0.66);
    --app-surface-2: rgba(40, 28, 70, 0.55);
    --app-surface-solid: #171029;
    --app-border: rgba(184, 164, 240, 0.16);
    --app-border-strong: rgba(184, 164, 240, 0.32);
    --app-text: #e8e3f7;
    --app-text-strong: #fbf9ff;
    --app-muted: #a89fc4;

    /* Gold accent = fortune / jackpot. */
    --app-primary: #f5c451;
    --app-primary-soft: #ffe095;
    --app-primary-strong: #d99e2b;
    --app-primary-contrast: #2a1e05;

    /* Wins are green, losses fall back to a soft red. */
    --app-win: #34d399;
    --app-loss: #fb7185;

    /* Lottery balls. */
    --app-ball-main-text: #1c1340;
    --app-ball-euro-text: #2a1e05;

    --app-radius: 1.4rem;
    --app-radius-sm: 0.85rem;
    --app-shadow: 0 30px 90px rgba(6, 3, 20, 0.55);
}