/* Radiant 2x brand — shared across store + console */

:root {
    /* Radiant green — primary brand accent */
    --radiant-gold: #E50914;
    --radiant-gold-deep: #AD0710;
    --radiant-gold-bright: #FF4050;
    --radiant-gold-light: #FF7A83;
    --radiant-gold-highlight: #FF8992;

    /* Logo charcoal facet */
    --radiant-charcoal: #4a4a52;
    --radiant-charcoal-dark: #2e2e34;
    --radiant-charcoal-light: #6b6b75;
    --radiant-black: #000000;
    --radiant-surface: #0a0a0c;
    --radiant-surface-raised: #121216;

    /* Legacy var names — all pages still reference these */
    --radiant-orange: var(--radiant-gold);
    --radiant-orange-bright: var(--radiant-gold-bright);
    --radiant-orange-hover: var(--radiant-gold-deep);
    --radiant-orange-light: var(--radiant-gold-light);
    --radiant-orange-soft: rgba(229, 9, 20, 0.14);
    --radiant-orange-glow: rgba(229, 9, 20, 0.36);
    --radiant-orange-line: rgba(229, 9, 20, 0.4);
    --primary: var(--radiant-gold);
    --primary-hover: var(--radiant-gold-deep);
    --primary-light: var(--radiant-gold-light);
    --primary-glow: var(--radiant-orange-glow);
    --radiant-orange-04: rgba(229, 9, 20, 0.04);
    --radiant-orange-08: rgba(229, 9, 20, 0.08);
    --radiant-orange-10: rgba(229, 9, 20, 0.1);
    --radiant-orange-12: rgba(229, 9, 20, 0.12);
    --radiant-orange-16: rgba(229, 9, 20, 0.16);
    --radiant-orange-18: rgba(229, 9, 20, 0.18);
    --radiant-orange-22: rgba(229, 9, 20, 0.22);
    --radiant-orange-25: rgba(229, 9, 20, 0.25);
    --radiant-orange-28: rgba(229, 9, 20, 0.28);
    --radiant-orange-35: rgba(229, 9, 20, 0.35);
    --radiant-orange-40: rgba(229, 9, 20, 0.4);
    --radiant-orange-45: rgba(229, 9, 20, 0.45);
    --radiant-orange-50: rgba(229, 9, 20, 0.5);
    --radiant-orange-52: rgba(229, 9, 20, 0.52);
}

.text-primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.border-primary { border-color: var(--primary) !important; }
.text-hover { color: var(--primary-hover) !important; }
.bg-hover { background-color: var(--primary-hover) !important; }
.hover\:bg-hover:hover { background-color: var(--primary-hover) !important; }
.hover\:text-primary:hover { color: var(--primary) !important; }
.border-primary\/20,
.border-primary\/25,
.border-primary\/30,
.border-primary\/35 { border-color: var(--radiant-orange-line) !important; }
.border-primary\/50 { border-color: var(--radiant-orange-50) !important; }
.bg-primary\/10 { background-color: var(--radiant-orange-soft) !important; }
.bg-primary\/20 { background-color: var(--radiant-orange-22) !important; }
.text-primary\/60 { color: color-mix(in srgb, var(--primary) 60%, #9ca3af) !important; }

.text-amber-200 { color: var(--radiant-orange-light) !important; }
.text-amber-400 { color: var(--primary-light) !important; }
.bg-amber-500 { background-color: var(--primary) !important; }
.bg-amber-600 { background-color: var(--primary-hover) !important; }
.hover\:bg-amber-500:hover { background-color: var(--primary) !important; }
.hover\:bg-amber-600:hover { background-color: var(--primary-hover) !important; }
.focus\:border-amber-500:focus { border-color: var(--primary) !important; }
.border-amber-500 { border-color: var(--primary) !important; }
.border-amber-600 { border-color: var(--primary-hover) !important; }
.border-amber-500\/20,
.border-amber-500\/25,
.border-amber-500\/30,
.border-amber-500\/35,
.border-amber-500\/45,
.border-amber-500\/50 { border-color: var(--radiant-orange-line) !important; }
.border-amber-600\/30 { border-color: var(--radiant-orange-28) !important; }
.bg-amber-500\/10 { background-color: var(--radiant-orange-soft) !important; }
.bg-amber-500\/20 { background-color: var(--radiant-orange-22) !important; }
.from-yellow-600 { --tw-gradient-from: var(--primary-hover) !important; }
.to-amber-500 { --tw-gradient-to: var(--primary) !important; }
.hover\:from-yellow-500:hover { --tw-gradient-from: var(--primary) !important; }
.hover\:to-amber-400:hover { --tw-gradient-to: var(--primary-light) !important; }