/* Single source of truth for colour values used across the site. */

:root {
    /* Site palette */
    --bg-start: #08110f;
    --bg-end:   #162311;
    --accent:   #707627;
    --accent-2: #3d4015;
    --glass-bg: rgba(255, 255, 255, 0.04);
    --glass-border: rgba(255, 255, 255, 0.08);
    --header-bg: #2b3a18;
    --text:     #e8e8f0;
    --text-muted: #8888aa;
    --danger:   #e05c6a;

    /* Accent tints (explicit alpha steps of --accent, rgb 112, 118, 39) */
    --accent-tint-08: rgba(112, 118, 39, 0.08);
    --accent-tint-12: rgba(112, 118, 39, 0.12);
    --accent-tint-15: rgba(112, 118, 39, 0.15);
    --accent-tint-20: rgba(112, 118, 39, 0.20);
    --accent-tint-30: rgba(112, 118, 39, 0.30);
    --accent-tint-60: rgba(112, 118, 39, 0.60);

    /* Lighter accent companions, for text sitting on dark backgrounds */
    --accent-light:   #aab33b;
    --accent-lighter: #c6cd69;

    /* Danger tints (explicit alpha steps of --danger, rgb 224, 92, 106) */
    --danger-tint-10: rgba(224, 92, 106, 0.10);
    --danger-tint-12: rgba(224, 92, 106, 0.12);
    --danger-tint-15: rgba(224, 92, 106, 0.15);
    --danger-tint-30: rgba(224, 92, 106, 0.30);
    --danger-light: #f08090;

    /* Financial gain/loss and status colours (dividends.css) */
    --positive:      #6bcb77;
    --positive-tint-15: rgba(107, 203, 119, 0.15);
    --positive-tint-30: rgba(107, 203, 119, 0.30);
    --stale:         #e0a050;

    /* Potion-quiz palette (quiz.html, identify.html) */
    --quiz-bg:     #161d19;
    --quiz-card:   #222a25;
    --quiz-border: #38453d;
    --quiz-text:   #e8e8f0;
    --quiz-muted:  #95a39a;

    --quiz-accent:      #2dd4bf;
    --quiz-accent-tint-12: rgba(45, 212, 191, 0.12);

    --quiz-correct:      #4caf6d;
    --quiz-correct-tint-15: rgba(76, 175, 109, 0.15);

    --quiz-wrong:      #e0596a;
    --quiz-wrong-tint-15: rgba(224, 89, 106, 0.15);
}