/* ====================================================================
   DEFAULT.CSS - Blood Theme (Dark)
   ==================================================================== */

:root {
    /* ================================================================
       ACCENT SYSTEM - Primary theme color
       ================================================================ */
    --io-accent: #ff0000;
    --io-accent-bright: #ff3333;
    --io-accent-dim: #cc0000;
    --io-accent-glow: rgba(255, 0, 0, 0.2);
    --io-accent-subtle: rgba(255, 0, 0, 0.1);

    /* ================================================================
       SEMANTIC STATES - Notifications, validation
       ================================================================ */
    --io-success: #00ff41;
    --io-warning: #ffcc00;
    --io-error: #ff0051;
    --io-info: #00d9ff;
    
    --io-success-dim: #00cc33;
    --io-warning-dim: #cc9900;
    --io-error-dim: #cc0040;
    --io-info-dim: #00aacc;
    
    --io-success-subtle: rgba(0, 255, 65, 0.1);
    --io-warning-subtle: rgba(255, 204, 0, 0.1);
    --io-error-subtle: rgba(255, 0, 81, 0.1);
    --io-info-subtle: rgba(0, 217, 255, 0.1);

    /* ================================================================
       SURFACES - Background hierarchy
       ================================================================ */
    --io-surface-base: #0a0a0a;
    --io-surface-raised: #111111;
    --io-surface-sunken: #050505;
    --io-surface-overlay: #1a1a1a;
    --io-surface-hover: #1e1e1e;

    /* ================================================================
       TEXT - Semantic contrast
       ================================================================ */
    --io-text-primary: #ffffff;
    --io-text-secondary: #b8b8b8;
    --io-text-tertiary: #666666;
    --io-text-disabled: #444444;
    --io-on-accent: #ffffff;

    /* ================================================================
       BORDERS - Separation and structure
       ================================================================ */
    --io-border: #333333;
    --io-border-subtle: #222222;
    
    /* NEW: Base colors for fade borders (no alpha, no gradients) */
    --io-border-fade-base: 42, 42, 42;      /* RGB for standard borders */
    --io-border-accent-fade-base: 255, 0, 0; /* RGB for accent borders */
}