﻿:root {
    --primary-color: #0a0f0d;
    /*--primary-color: #121816;*/
    --secondary-color: #121816;
    --card-bg: rgba(30, 40, 35, 0.6);
    --dark--card-bg: rgba(30, 40, 35,1);
    --color-accent-primary: #00ff88;
    --color-accent-secondary: #00d4ff;
    --color-accent-primary-dark: #00c66d;
    --color-text-primary: #ffffff;
    --color-text-secondary: #a0b0a8;
    --color-text-muted: #7f9485;
    --color-border: rgba(255, 255, 255, 0.1);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-glow: 0 0 20px rgba(0, 255, 136, 0.15);
    --icon-container-blue: rgb(100, 200, 255);
    --icon-container-green: rgb(100, 255, 150);
    --icon-color-blue: rgb(100, 200, 255);
    --icon-color-green: rgb(100, 255, 150);
    --avatar-bg: #152f24;
    --avatar-text: #d9fbe7;
    --chip-bg: #1d3327;
    --chip-bg-active: #00c66d;
    --chip-text: #d5e6db;
    --chip-text-active: #0f1a13;
    --divider: #1f3228;
    --color-accent-border-light: rgba(0,255,136,0.08);
    --color-accent-primary-light-0-15: rgba(0,255,136,0.15);
    --color-accent-primary-light-0-30: rgba(0,255,136,0.30);
    --color-text-accent-background: var(--bs-black);
    --color-modal-background: #1e2823;
    --border-radius: 12px;
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --transition: all 0.3s ease;
    --scorecard-bg-secondary: #121816;
    --nav-header-text-bg: linear-gradient(to right, rgb(255, 255, 255), rgb(160, 176, 168)) text;
    --custom-bs-btn-active-color: var(--color-text-accent-background);
    --custom-bs-btn-active-bg: var(--color-accent-primary);
    --custom-bs-btn-active-border-color: var(--color-border);
    --rd-theme-font-family: "Inter", sans-serif;
}

body.CSK.dark {
    --color-accent-primary: #F9CD05;
    --dark-avatar-text: #F9CD05;
    --color-accent-primary-light-0-15: rgb(249 205 5 / 15%);
    --color-accent-primary-light-0-30: rgb(249 205 5 / 30%);
}
body.LSG.dark {
    /* ✨ Metallic shining gold */
    --color-accent-primary: #CBA32A; /* rich metallic gold */
    --dark-avatar-text: #FFD700;
    --color-accent-primary-light-0-15: rgb(255 215 0 / 15%);
    --color-accent-primary-light-0-30: rgb(255 215 0 / 30%);
    /* 🌟 Extra gold shine tokens */
    --color-gold-highlight: #FFF3A3; /* top shine */
    --color-gold-mid: #FFD700; /* main */
    --color-gold-shadow: #D4A017; /* darker metallic edge */
    --color-gold-glow: rgb(255 215 0 / 45%);
    /* 🔥 Brighter premium reds */
    --color-brand-red: #EF4444;
    --color-brand-red-dark: #DC2626;
    --color-brand-red-light: #FCA5A5;
    --color-accent-secondary: #A21E26;
}