/* ===== COLOR VARIABLES ===== */
/* Central color definitions. Loaded after themes/light.css. */
/* RGB triplets enable rgba(var(--color-rgb), opacity) pattern. */

:root {
    /* --- RGB triplets (from light.css base colors) --- */
    --red-rgb:       220, 38, 38;
    --gold-rgb:      217, 119, 6;
    --teal-rgb:      13, 148, 136;
    --blue-rgb:      37, 99, 235;
    --purple-rgb:    124, 58, 237;
    --green-rgb:     22, 163, 74;
    --cn-rgb:        194, 65, 12;

    /* --- Extended palette --- */
    --red-light:     #ef4444;
    --teal-light:    #14b8a6;
    --teal-dark:     #0f766e;
    --green-bright:  #22c55e;
    --green-light:   #34d399;
    --gold-light:    #fbbf24;
    --gold-mid:      #f59e0b;
    --gold-accent:   #ffd166;
    --blue-light:    #bfdbfe;
    --gray:          #6b7280;

    /* --- RGB for extended palette --- */
    --green-bright-rgb:  34, 197, 94;
    --gold-mid-rgb:      245, 158, 11;
    --gray-rgb:          107, 114, 128;

    /* --- Semantic flash colors --- */
    --flash-success: #166534;
    --flash-error:   #b71c1c;
    --flash-info:    #0d47a1;

    /* --- Dark surfaces (nav, tooltips, panels) --- */
    --nav-bg-rgb:        26, 26, 46;
    --dark-surface-rgb:  28, 28, 40;

    /* --- UI surfaces --- */
    --surface:    rgba(250, 250, 248, 0.92);
    --surface-bg: #f0f0ed;

    /* --- Glass (light mode defaults) --- */
    --glass-bg:     rgba(255, 255, 255, 0.55);
    --glass-border: rgba(255, 255, 255, 0.35);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}