/**
 * OdioQue Theme Colors - Dark Theme
 * 
 * Based on "The Underground" dark theme with coral/salmon primary
 */

:root {
    /* =========================================================================
     * PRIMARY COLORS - Coral/Salmon pastel
     * ========================================================================= */
    --vr-primary: #ff8d8c;
    --vr-primary-hover: #ff7072;
    --vr-primary-light: rgba(255, 141, 140, 0.15);
    --vr-primary-container: #ff7576;
    --vr-primary-dim: #ff7072;
    
    /* =========================================================================
     * BACKGROUND COLORS - True dark
     * ========================================================================= */
    --vr-background: #0e0e0e;
    --vr-surface: #131313;
    --vr-surface-hover: #1a1a1a;
    --vr-surface-container: #1a1a1a;
    --vr-surface-container-high: #20201f;
    --vr-surface-container-highest: #262626;
    --vr-surface-bright: #2c2c2c;
    
    /* =========================================================================
     * TEXT COLORS
     * ========================================================================= */
    --vr-text: #ffffff;
    --vr-text-secondary: #adaaaa;
    --vr-text-muted: #767575;
    
    /* =========================================================================
     * BORDER & OUTLINE
     * ========================================================================= */
    --vr-border: #484847;
    --vr-border-subtle: rgba(72, 72, 71, 0.3);
    --vr-outline: #767575;
    
    /* =========================================================================
     * FEEDBACK COLORS
     * ========================================================================= */
    --vr-success: #22C55E;
    --vr-error: #ff6e84;
    --vr-error-dim: #d73357;
    --vr-warning: #F59E0B;
    
    /* =========================================================================
     * SECONDARY COLORS
     * ========================================================================= */
    --vr-secondary: #fe7e8c;
    --vr-secondary-dim: #f47785;
    --vr-tertiary: #dba2ff;
    
    /* =========================================================================
     * SHADOWS - Dark theme shadows with coral tint
     * ========================================================================= */
    --vr-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --vr-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --vr-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
    --vr-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.6);
    --vr-shadow-glow: 0 10px 40px rgba(255, 141, 140, 0.15);
    --vr-shadow-glow-strong: 0 10px 30px rgba(255, 141, 140, 0.4);
}