/* Core theme extensions — tokens for themes not in the Vite build bundle.
   Components use var(--brand); always alias it to --color-primary. */

/* ── Candy Pop (light) ─────────────────────────────────────────────────── */
[data-theme="candy"] {
    color-scheme: light;
    --color-primary: #ff80c7;
    --brand: var(--color-primary);
    --color-primary-hover: #f472b6;
    --color-primary-active: #ec4899;
    --color-primary-soft: rgba(255, 128, 199, 0.18);
    --color-primary-softer: rgba(255, 128, 199, 0.09);
    --color-on-primary: #4a1030;
    --color-bg: #fffaf6;
    --color-bg-2: #fff5ee;
    --color-surface: #ffffff;
    --color-surface-2: #f5dce8;
    --color-surface-3: #ffe1bb;
    --color-elevated: #ffffff;
    --color-border: #e8aac8;
    --color-border-strong: #d890b4;
    --color-text: #3d2030;
    --color-text-muted: #6a4558;
    --color-text-subtle: #947080;
    --color-text-on-accent: #ffffff;
    --color-success: #65a30d;
    --color-warning: #eab308;
    --color-danger: #e11d48;
    --color-info: #0ea5e9;
    --color-accent2: #ffbda3;
    --color-success-soft: rgba(101, 163, 13, 0.14);
    --color-warning-soft: rgba(234, 179, 8, 0.14);
    --color-danger-soft: rgba(225, 29, 72, 0.14);
    --color-coin: #faffc4;
    --color-coin-deep: #e8ed8a;
    --shadow-sm: 0 1px 2px rgba(255, 128, 199, 0.08);
    --shadow-md: 0 10px 24px -12px rgba(255, 128, 199, 0.18);
    --shadow-lg: 0 22px 48px -20px rgba(255, 128, 199, 0.22);
    --shadow-glow: 0 0 0 1px rgba(255, 128, 199, 0.32), 0 12px 36px -12px rgba(255, 189, 163, 0.24);
    --glow-primary: 0 12px 36px -12px rgba(255, 128, 199, 0.35);
    --glow-coin: 0 12px 36px -12px rgba(250, 255, 196, 0.36);
    --grad-primary: linear-gradient(135deg, #ff80c7, #ffbda3);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(255, 128, 199, 0.32) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(255, 225, 187, 0.28) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #faffc4, #ffe1bb);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(255, 250, 246, 0.94));
}

/* ── Espresso (dark) ─────────────────────────────────────────────────── */
[data-theme="espresso"] {
    color-scheme: dark;
    --color-primary: #e1dcc9;
    --brand: var(--color-primary);
    --color-primary-hover: #f0ebe0;
    --color-primary-active: #c9c0a8;
    --color-primary-soft: rgba(225, 220, 201, 0.16);
    --color-primary-softer: rgba(225, 220, 201, 0.08);
    --color-on-primary: #1f150c;
    --color-bg: #1f150c;
    --color-bg-2: #261a10;
    --color-surface: #2e2014;
    --color-surface-2: #412d15;
    --color-surface-3: #4d3820;
    --color-elevated: #352618;
    --color-border: rgba(225, 220, 201, 0.12);
    --color-border-strong: rgba(225, 220, 201, 0.22);
    --color-text: #f5f0e8;
    --color-text-muted: #c4b8a8;
    --color-text-subtle: #8a7d6e;
    --color-text-on-accent: #1f150c;
    --color-success: #84cc16;
    --color-warning: #fbbf24;
    --color-danger: #ef4444;
    --color-info: #60a5fa;
    --color-accent2: #412d15;
    --color-success-soft: rgba(132, 204, 22, 0.18);
    --color-warning-soft: rgba(251, 191, 36, 0.18);
    --color-danger-soft: rgba(239, 68, 68, 0.18);
    --color-coin: #e1dcc9;
    --color-coin-deep: #c9b896;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 10px 24px -12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 24px 50px -20px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 0 1px rgba(225, 220, 201, 0.28), 0 12px 36px -12px rgba(65, 45, 21, 0.35);
    --glow-primary: 0 12px 36px -12px rgba(225, 220, 201, 0.22);
    --glow-coin: 0 12px 36px -12px rgba(225, 220, 201, 0.28);
    --grad-primary: linear-gradient(135deg, #e1dcc9, #c9b896);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(225, 220, 201, 0.14) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(65, 45, 21, 0.35) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #f0ebe0, #c9b896);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(31, 21, 12, 0.94));
}

/* ── Ruby Rush (dark) ────────────────────────────────────────────────── */
[data-theme="ruby"] {
    color-scheme: dark;
    --color-primary: #ff6060;
    --brand: var(--color-primary);
    --color-primary-hover: #ff8080;
    --color-primary-active: #d51c39;
    --color-primary-soft: rgba(255, 96, 96, 0.2);
    --color-primary-softer: rgba(255, 96, 96, 0.11);
    --color-on-primary: #2a0810;
    --color-bg: #1a0810;
    --color-bg-2: #220a14;
    --color-surface: #2a1018;
    --color-surface-2: #3a1420;
    --color-surface-3: #4a1828;
    --color-elevated: #301018;
    --color-border: rgba(255, 96, 96, 0.14);
    --color-border-strong: rgba(255, 96, 96, 0.26);
    --color-text: #fff5f5;
    --color-text-muted: #d4a0a8;
    --color-text-subtle: #9a6870;
    --color-text-on-accent: #2a0810;
    --color-success: #4ade80;
    --color-warning: #feec41;
    --color-danger: #d51c39;
    --color-info: #60a5fa;
    --color-accent2: #d51c39;
    --color-success-soft: rgba(74, 222, 128, 0.18);
    --color-warning-soft: rgba(254, 236, 65, 0.18);
    --color-danger-soft: rgba(213, 28, 57, 0.18);
    --color-coin: #feec41;
    --color-coin-deep: #e8d020;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 10px 24px -12px rgba(118, 0, 49, 0.45);
    --shadow-lg: 0 24px 50px -20px rgba(0, 0, 0, 0.65);
    --shadow-glow: 0 0 0 1px rgba(255, 96, 96, 0.38), 0 12px 36px -12px rgba(213, 28, 57, 0.28);
    --glow-primary: 0 12px 36px -12px rgba(255, 96, 96, 0.4);
    --glow-coin: 0 12px 36px -12px rgba(254, 236, 65, 0.34);
    --grad-primary: linear-gradient(135deg, #ff6060, #d51c39);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(255, 96, 96, 0.28) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(118, 0, 49, 0.35) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #feec41, #e8d020);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(26, 8, 16, 0.95));
}

/* ── Blush Petal (light) ─────────────────────────────────────────────── */
[data-theme="blush"] {
    color-scheme: light;
    --color-primary: #c5b3d3;
    --brand: var(--color-primary);
    --color-primary-hover: #b09ec4;
    --color-primary-active: #9a88b0;
    --color-primary-soft: rgba(197, 179, 211, 0.2);
    --color-primary-softer: rgba(197, 179, 211, 0.1);
    --color-on-primary: #ffffff;
    --color-bg: #fbefef;
    --color-bg-2: #ffe2e2;
    --color-surface: #ffffff;
    --color-surface-2: #ede0f0;
    --color-surface-3: #f5cbcb;
    --color-elevated: #ffffff;
    --color-border: #d4c0e0;
    --color-border-strong: #b8a0cc;
    --color-text: #3d3048;
    --color-text-muted: #6a5878;
    --color-text-subtle: #8a7898;
    --color-text-on-accent: #ffffff;
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #e11d48;
    --color-info: #6366f1;
    --color-accent2: #f5cbcb;
    --color-success-soft: rgba(34, 197, 94, 0.14);
    --color-warning-soft: rgba(245, 158, 11, 0.14);
    --color-danger-soft: rgba(225, 29, 72, 0.14);
    --color-coin: #f5cbcb;
    --color-coin-deep: #e8a8a8;
    --shadow-sm: 0 1px 2px rgba(197, 179, 211, 0.1);
    --shadow-md: 0 10px 24px -12px rgba(197, 179, 211, 0.2);
    --shadow-lg: 0 22px 48px -20px rgba(197, 179, 211, 0.24);
    --shadow-glow: 0 0 0 1px rgba(197, 179, 211, 0.32), 0 12px 36px -12px rgba(245, 203, 203, 0.28);
    --glow-primary: 0 12px 36px -12px rgba(197, 179, 211, 0.35);
    --glow-coin: 0 12px 36px -12px rgba(245, 203, 203, 0.32);
    --grad-primary: linear-gradient(135deg, #c5b3d3, #f5cbcb);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(197, 179, 211, 0.28) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(255, 226, 226, 0.35) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #ffe2e2, #f5cbcb);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(251, 239, 239, 0.94));
}

/* ── Harbor (dark) ───────────────────────────────────────────────────── */
[data-theme="harbor"] {
    color-scheme: dark;
    --color-primary: #f3e4c9;
    --brand: var(--color-primary);
    --color-primary-hover: #faf3e4;
    --color-primary-active: #d3d4c0;
    --color-primary-soft: rgba(243, 228, 201, 0.16);
    --color-primary-softer: rgba(243, 228, 201, 0.08);
    --color-on-primary: #0a2947;
    --color-bg: #0a2947;
    --color-bg-2: #0d3254;
    --color-surface: #103a60;
    --color-surface-2: #154472;
    --color-surface-3: #1a5080;
    --color-elevated: #123e68;
    --color-border: rgba(243, 228, 201, 0.12);
    --color-border-strong: rgba(243, 228, 201, 0.22);
    --color-text: #f5f0e6;
    --color-text-muted: #b8c4d0;
    --color-text-subtle: #7a8a98;
    --color-text-on-accent: #0a2947;
    --color-success: #4ade80;
    --color-warning: #fbbf24;
    --color-danger: #ef4444;
    --color-info: #38bdf8;
    --color-accent2: #8b5e3c;
    --color-success-soft: rgba(74, 222, 128, 0.18);
    --color-warning-soft: rgba(251, 191, 36, 0.18);
    --color-danger-soft: rgba(239, 68, 68, 0.18);
    --color-coin: #f3e4c9;
    --color-coin-deep: #d3d4c0;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 10px 24px -12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 24px 50px -20px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 0 1px rgba(243, 228, 201, 0.25), 0 12px 36px -12px rgba(139, 94, 60, 0.22);
    --glow-primary: 0 12px 36px -12px rgba(243, 228, 201, 0.2);
    --glow-coin: 0 12px 36px -12px rgba(243, 228, 201, 0.28);
    --grad-primary: linear-gradient(135deg, #f3e4c9, #8b5e3c);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(243, 228, 201, 0.12) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(139, 94, 60, 0.2) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #faf3e4, #d3d4c0);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(10, 41, 71, 0.95));
}

/* ── Evergreen (dark) ────────────────────────────────────────────────── */
[data-theme="evergreen"] {
    color-scheme: dark;
    --color-primary: #408a71;
    --brand: var(--color-primary);
    --color-primary-hover: #52a085;
    --color-primary-active: #285a48;
    --color-primary-soft: rgba(64, 138, 113, 0.2);
    --color-primary-softer: rgba(64, 138, 113, 0.11);
    --color-on-primary: #091413;
    --color-bg: #091413;
    --color-bg-2: #0c1a18;
    --color-surface: #122420;
    --color-surface-2: #285a48;
    --color-surface-3: #306650;
    --color-elevated: #162a24;
    --color-border: rgba(176, 228, 204, 0.12);
    --color-border-strong: rgba(176, 228, 204, 0.22);
    --color-text: #f0faf5;
    --color-text-muted: #9cb8ac;
    --color-text-subtle: #6a8a7e;
    --color-text-on-accent: #091413;
    --color-success: #b0e4cc;
    --color-warning: #fbbf24;
    --color-danger: #f87171;
    --color-info: #67e8f9;
    --color-accent2: #b0e4cc;
    --color-success-soft: rgba(176, 228, 204, 0.18);
    --color-warning-soft: rgba(251, 191, 36, 0.18);
    --color-danger-soft: rgba(248, 113, 113, 0.18);
    --color-coin: #b0e4cc;
    --color-coin-deep: #7ec9a8;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 10px 24px -12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 24px 50px -20px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 0 1px rgba(64, 138, 113, 0.35), 0 12px 36px -12px rgba(176, 228, 204, 0.18);
    --glow-primary: 0 12px 36px -12px rgba(64, 138, 113, 0.38);
    --glow-coin: 0 12px 36px -12px rgba(176, 228, 204, 0.3);
    --grad-primary: linear-gradient(135deg, #408a71, #b0e4cc);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(64, 138, 113, 0.28) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(176, 228, 204, 0.12) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #b0e4cc, #7ec9a8);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(9, 20, 19, 0.95));
}

/* ── Jade (dark) ─────────────────────────────────────────────────────── */
[data-theme="jade"] {
    color-scheme: dark;
    --color-primary: #2dd4bf;
    --brand: var(--color-primary);
    --color-primary-hover: #5eead4;
    --color-primary-active: #14b8a6;
    --color-primary-soft: rgba(45, 212, 191, 0.18);
    --color-primary-softer: rgba(45, 212, 191, 0.1);
    --color-on-primary: #042f2e;
    --color-bg: #071311;
    --color-bg-2: #0a1816;
    --color-surface: #0f1f1c;
    --color-surface-2: #152824;
    --color-surface-3: #1c3530;
    --color-elevated: #122320;
    --color-border: rgba(45, 212, 191, 0.14);
    --color-border-strong: rgba(45, 212, 191, 0.24);
    --color-text: #f0fdfa;
    --color-text-muted: #99b8b0;
    --color-text-subtle: #6a8a82;
    --color-text-on-accent: #042f2e;
    --color-success: #4ade80;
    --color-warning: #fbbf24;
    --color-danger: #f87171;
    --color-info: #38bdf8;
    --color-accent2: #a3e635;
    --color-success-soft: rgba(74, 222, 128, 0.18);
    --color-warning-soft: rgba(251, 191, 36, 0.18);
    --color-danger-soft: rgba(248, 113, 113, 0.18);
    --color-coin: #a3e635;
    --color-coin-deep: #84cc16;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 10px 24px -12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 24px 50px -20px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 0 1px rgba(45, 212, 191, 0.38), 0 12px 36px -12px rgba(163, 230, 53, 0.22);
    --glow-primary: 0 12px 36px -12px rgba(45, 212, 191, 0.4);
    --glow-coin: 0 12px 36px -12px rgba(163, 230, 53, 0.32);
    --grad-primary: linear-gradient(135deg, #2dd4bf, #a3e635);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(45, 212, 191, 0.28) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(163, 230, 53, 0.14) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #bef264, #a3e635);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(7, 19, 17, 0.95));
}

/* ── Violet (dark) ─────────────────────────────────────────────────── */
[data-theme="violet"] {
    color-scheme: dark;
    --color-primary: #8b5cf6;
    --brand: var(--color-primary);
    --color-primary-hover: #a78bfa;
    --color-primary-active: #7c3aed;
    --color-primary-soft: rgba(139, 92, 246, 0.2);
    --color-primary-softer: rgba(139, 92, 246, 0.11);
    --color-on-primary: #1a0a2e;
    --color-bg: #0d0918;
    --color-bg-2: #110c1f;
    --color-surface: #171028;
    --color-surface-2: #1f1635;
    --color-surface-3: #2a1d45;
    --color-elevated: #1a122c;
    --color-border: rgba(139, 92, 246, 0.14);
    --color-border-strong: rgba(139, 92, 246, 0.26);
    --color-text: #f5f3ff;
    --color-text-muted: #b4a8d4;
    --color-text-subtle: #8478a8;
    --color-text-on-accent: #1a0a2e;
    --color-success: #4ade80;
    --color-warning: #fbbf24;
    --color-danger: #f87171;
    --color-info: #60a5fa;
    --color-accent2: #f472b6;
    --color-success-soft: rgba(74, 222, 128, 0.18);
    --color-warning-soft: rgba(251, 191, 36, 0.18);
    --color-danger-soft: rgba(248, 113, 113, 0.18);
    --color-coin: #f472b6;
    --color-coin-deep: #ec4899;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 10px 24px -12px rgba(88, 28, 135, 0.4);
    --shadow-lg: 0 24px 50px -20px rgba(0, 0, 0, 0.65);
    --shadow-glow: 0 0 0 1px rgba(139, 92, 246, 0.38), 0 12px 36px -12px rgba(244, 114, 182, 0.22);
    --glow-primary: 0 12px 36px -12px rgba(139, 92, 246, 0.42);
    --glow-coin: 0 12px 36px -12px rgba(244, 114, 182, 0.32);
    --grad-primary: linear-gradient(135deg, #8b5cf6, #f472b6);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(139, 92, 246, 0.3) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(244, 114, 182, 0.16) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #f9a8d4, #f472b6);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(13, 9, 24, 0.95));
}

/* ── Sakura (dark) ─────────────────────────────────────────────────── */
[data-theme="sakura"] {
    color-scheme: dark;
    --color-primary: #fb7185;
    --brand: var(--color-primary);
    --color-primary-hover: #fda4af;
    --color-primary-active: #f43f5e;
    --color-primary-soft: rgba(251, 113, 133, 0.2);
    --color-primary-softer: rgba(251, 113, 133, 0.11);
    --color-on-primary: #2a0810;
    --color-bg: #170d12;
    --color-bg-2: #1c1018;
    --color-surface: #24141c;
    --color-surface-2: #2e1a24;
    --color-surface-3: #3a222e;
    --color-elevated: #281820;
    --color-border: rgba(251, 113, 133, 0.14);
    --color-border-strong: rgba(251, 113, 133, 0.26);
    --color-text: #fff1f2;
    --color-text-muted: #d4a0ab;
    --color-text-subtle: #9a6870;
    --color-text-on-accent: #2a0810;
    --color-success: #4ade80;
    --color-warning: #fbbf24;
    --color-danger: #ef4444;
    --color-info: #60a5fa;
    --color-accent2: #f9a8d4;
    --color-success-soft: rgba(74, 222, 128, 0.18);
    --color-warning-soft: rgba(251, 191, 36, 0.18);
    --color-danger-soft: rgba(239, 68, 68, 0.18);
    --color-coin: #f9a8d4;
    --color-coin-deep: #ec4899;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 10px 24px -12px rgba(190, 24, 93, 0.35);
    --shadow-lg: 0 24px 50px -20px rgba(0, 0, 0, 0.65);
    --shadow-glow: 0 0 0 1px rgba(251, 113, 133, 0.35), 0 12px 36px -12px rgba(249, 168, 212, 0.22);
    --glow-primary: 0 12px 36px -12px rgba(251, 113, 133, 0.4);
    --glow-coin: 0 12px 36px -12px rgba(249, 168, 212, 0.32);
    --grad-primary: linear-gradient(135deg, #fb7185, #f9a8d4);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(251, 113, 133, 0.28) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(249, 168, 212, 0.16) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #fbcfe8, #f9a8d4);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(23, 13, 18, 0.95));
}

/* ── Sunset (dark) ───────────────────────────────────────────────────── */
[data-theme="sunset"] {
    color-scheme: dark;
    --color-primary: #ff7a59;
    --brand: var(--color-primary);
    --color-primary-hover: #ff9478;
    --color-primary-active: #ea580c;
    --color-primary-soft: rgba(255, 122, 89, 0.2);
    --color-primary-softer: rgba(255, 122, 89, 0.11);
    --color-on-primary: #2a0a06;
    --color-bg: #160a0b;
    --color-bg-2: #1c0e0f;
    --color-surface: #241214;
    --color-surface-2: #2e1818;
    --color-surface-3: #3a2020;
    --color-elevated: #281618;
    --color-border: rgba(255, 122, 89, 0.14);
    --color-border-strong: rgba(255, 122, 89, 0.26);
    --color-text: #fff5f0;
    --color-text-muted: #c4a098;
    --color-text-subtle: #8a7068;
    --color-text-on-accent: #2a0a06;
    --color-success: #4ade80;
    --color-warning: #ffd166;
    --color-danger: #ef4444;
    --color-info: #60a5fa;
    --color-accent2: #ffd166;
    --color-success-soft: rgba(74, 222, 128, 0.18);
    --color-warning-soft: rgba(255, 209, 102, 0.18);
    --color-danger-soft: rgba(239, 68, 68, 0.18);
    --color-coin: #ffd166;
    --color-coin-deep: #f59e0b;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 10px 24px -12px rgba(234, 88, 12, 0.35);
    --shadow-lg: 0 24px 50px -20px rgba(0, 0, 0, 0.65);
    --shadow-glow: 0 0 0 1px rgba(255, 122, 89, 0.38), 0 12px 36px -12px rgba(255, 209, 102, 0.22);
    --glow-primary: 0 12px 36px -12px rgba(255, 122, 89, 0.42);
    --glow-coin: 0 12px 36px -12px rgba(255, 209, 102, 0.32);
    --grad-primary: linear-gradient(135deg, #ff7a59, #ffd166);
    --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(255, 122, 89, 0.3) 0%, transparent 60%), radial-gradient(90% 70% at 5% 0%, rgba(255, 209, 102, 0.16) 0%, transparent 55%);
    --grad-coin: linear-gradient(140deg, #fde047, #ffd166);
    --overlay-scrim: linear-gradient(180deg, transparent, rgba(22, 10, 11, 0.95));
}