/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    /* Core palette */
    --primary-color: #10b981;
    --primary-hover: #059669;
    --secondary-color: #0ea5e9;
    --accent-color: #f59e0b;

    /* Vibrant accent hues */
    --violet-color: #8b5cf6;
    --pink-color: #ec4899;
    --cyan-color: #22d3ee;
    --lime-color: #a3e635;
    --orange-color: #fb923c;

    /* Signature gradients */
    --grad-primary: linear-gradient(135deg, #10b981, #0ea5e9);
    --grad-sunset: linear-gradient(135deg, #f59e0b, #ec4899);
    --grad-candy: linear-gradient(135deg, #8b5cf6, #22d3ee);
    --grad-rainbow: linear-gradient(90deg, #10b981, #22d3ee, #8b5cf6, #ec4899, #f59e0b);

    --background-color: #0a1020;
    --surface-color: #101a30;
    --surface-2: #16233d;

    --text-color: #e8f0ff;
    --text-muted: #8ba0c2;
    --border-color: #1d2c48;

    /* Typography */
    --font-heading: 'Oswald', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-script: 'Caveat', cursive;

    /* Rarity accents */
    --r-common: #94a3b8;
    --r-rookie: #22c55e;
    --r-uncommon: #3b82f6;
    --r-rare: #8b5cf6;
    --r-shortprint: #ec4899;
    --r-numbered: #f59e0b;
    --r-auto: #eab308;
    --r-patch: #14b8a6;
    --r-patchauto: #f43f5e;
    --r-legendary: #f97316;
    --r-oneofone: #facc15;

    /* Shape */
    --radius: 14px;
    --shadow-lg: 0 20px 45px -22px rgba(0, 0, 0, 0.85);
}