/* Rate It Plus - Centralized Color System (cores.css) */
/* All color tokens for the platform. Consumed by Tailwind config and CSS files. */

:root {
    /* Brand Colors */
    --color-primary: #f14800;
    --color-primary-dark: #a63305;
    --color-primary-rgb: 241, 72, 0;
    --color-primary-dark-rgb: 166, 51, 5;

    /* Backgrounds */
    --color-bg-main: #050505;
    --color-bg-main-rgb: 5, 5, 5;
    --color-bg-deep: #0a0a0a;
    --color-bg-card: #1a1c23;
    --color-bg-card-rgb: 26, 28, 35;

    /* Typography */
    --color-text-main: #f6f6f6;
    --color-text-main-rgb: 246, 246, 246;
    --color-text-muted: #D9B1AD;
    --color-text-muted-rgb: 217, 177, 173;
    --color-text-dim: #8c7370;
    --color-text-dim-rgb: 140, 115, 112;

    /* Glassmorphism / Overlays */
    --glass-bg-light: rgba(255, 255, 255, 0.02);
    --glass-bg-subtle: rgba(255, 255, 255, 0.03);
    --glass-bg-base: rgba(255, 255, 255, 0.05);
    --glass-bg-hover: rgba(255, 255, 255, 0.08);
    --glass-bg-active: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-border-subtle: rgba(255, 255, 255, 0.05);
    --glass-border-focus: rgba(255, 255, 255, 0.2);
    --glass-panel-bg: rgba(18, 18, 18, 0.65);
    --glass-panel-dark: rgba(20, 20, 20, 0.6);
    --glass-nav-bg: rgba(5, 5, 5, 0.75);
    --glass-nav-mobile-bg: rgba(5, 5, 5, 0.85);

    /* Status Colors */
    --color-success: #22c55e;
    --color-success-rgb: 34, 197, 94;
    --color-warning: #eab308;
    --color-warning-rgb: 234, 179, 8;
    --color-danger: #ef4444;
    --color-danger-rgb: 239, 68, 68;
    --color-info: #3b82f6;
    --color-info-rgb: 59, 130, 246;

    /* Scrollbar */
    --color-scrollbar: #333;
}