/* KrazyAI Brand Color Palette */

:root {
    /* Brand meta variable for tests expecting --color-brand */
    --color-brand: var(--color-primary);
    
    /* ========== PRIMARY BRAND COLORS ========== */
    --color-primary: #C8102E;              /* Krazframe signature red */
    --color-primary-dark: #a00d25;         /* Darker shade for hover states */
    --color-primary-darker: #a00d26;       /* Even darker variant */
    --color-primary-light: #d9534f;        /* Lighter red for accents */
    --color-primary-hover: #c9302c;        /* Hover state for primary buttons */
    
    /* Primary with opacity */
    --color-primary-transparent-5: rgba(200, 16, 46, 0.05);
    --color-primary-transparent-10: rgba(200, 16, 46, 0.1);
    --color-primary-transparent-12: rgba(200, 16, 46, 0.12);
    --color-primary-transparent-20: rgba(200, 16, 46, 0.2);
    --color-primary-transparent-40: rgba(200, 16, 46, 0.4);
    --color-primary-transparent-95: rgba(200, 16, 46, 0.95);
    
    /* Primary light variants with opacity */
    --color-primary-light-transparent-10: rgba(217, 83, 79, 0.1);
    --color-primary-light-transparent-15: rgba(217, 83, 79, 0.15);
    --color-primary-light-transparent-30: rgba(217, 83, 79, 0.3);
    --color-primary-light-opaque: rgba(217, 83, 79, 1);
    
    /* ========== SECONDARY ACCENT COLORS ========== */
    --color-accent-coral: #FF6F61;         /* Coral accent for highlights */
    --color-accent-red-muted: #cc5544;     /* Muted red accent */
    --color-accent-red-alt: #aa4433;       /* Alternative red accent */
    
    /* ========== SUCCESS & STATUS COLORS ========== */
    --color-success: #5cb85c;              /* Success green */
    --color-success-dark: #4cae4c;         /* Darker success green */
    --color-success-darkest: #45a049;      /* Darkest success green */
    --color-success-vibrant: #4CAF50;      /* Vibrant green */
    --color-success-light: #9effb3;        /* Light success green */
    --color-success-transparent-15: rgba(92, 184, 92, 0.15);
    --color-success-transparent-30: rgba(92, 184, 92, 0.3);
    
    /* ========== NEUTRAL COLORS ========== */
    --color-text-primary: #1a1a1a;
    --color-text-secondary: #666666;
    --color-text-tertiary: #999999;
    --color-bg-light: #f7f7f8;
    --color-border-light: #e5e5e5;
}