/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    /* Brand palette — deep charcoal-green canvas with a bright lime accent */
    --primary-color: #c8f751;
    --primary-hover: #dbff77;
    --secondary-color: #5fd47a;
    --accent-color: #c8f751;
    --accent-hover: #dbff77;
    --background-color: #070b09;
    --surface-color: #0d1411;
    --surface-2-color: #111a15;
    --text-color: #edf2ed;
    --text-muted: #9aa8a1;
    --border-color: rgba(255, 255, 255, 0.1);
    --border-lime: rgba(200, 247, 81, 0.35);
    --on-primary: #0a1206;

    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Cairo', sans-serif;

    --radius-sm: 0.75rem;
    --radius-md: 1.15rem;
    --radius-lg: 1.6rem;
    --radius-pill: 999px;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 18px 38px -22px rgba(0, 0, 0, 0.85);
    --shadow-lg: 0 34px 70px -30px rgba(0, 0, 0, 0.9);
    --shadow-lime: 0 18px 36px -18px rgba(200, 247, 81, 0.35);
}