/* =========================================================
   Comebacki Design Tokens
   ========================================================= */

:root {
    /* Background */
    --cb-bg-deep: #1a1510;
    --cb-bg-base: #2a2118;
    --cb-bg-1: #221c14;
    --cb-bg-2: #2e2820;

    /* Text — 5 levels */
    --cb-t1: rgba(255, 245, 228, 1.00);
    --cb-t2: rgba(255, 232, 195, 0.85);
    --cb-t3: rgba(255, 222, 170, 0.75);
    --cb-t-hint: rgba(255, 215, 158, 0.70);
    --cb-t-legal: rgba(255, 212, 152, 0.68);

    /* Accent — amber */
    --cb-accent: #c8782a;
    --cb-accent-light: #e89848;
    --cb-accent-glow: rgba(200, 120, 42, 0.36);
    --cb-accent-soft: rgba(200, 120, 42, 0.16);
    --cb-accent-border: rgba(200, 120, 42, 0.32);

    /* Status */
    --cb-green: #52c46e;
    --cb-green-soft: rgba(82, 196, 110, 0.12);
    --cb-green-border: rgba(82, 196, 110, 0.25);
    --cb-amber: #efa030;
    --cb-amber-soft: rgba(239, 160, 48, 0.12);
    --cb-red: #d96050;
    --cb-red-soft: rgba(217, 96, 80, 0.12);

    /* Glass */
    --cb-glass-flat: rgba(255, 235, 195, 0.07);
    --cb-glass-frosted: rgba(255, 230, 180, 0.10);
    --cb-glass-high: rgba(255, 230, 180, 0.16);

    /* Border */
    --cb-border: rgba(255, 220, 160, 0.12);
    --cb-border-md: rgba(255, 220, 160, 0.20);

    /* Radius */
    --cb-radius-sm: 8px;
    --cb-radius-md: 12px;
    --cb-radius-lg: 16px;
    --cb-radius-xl: 20px;
    --cb-radius-2xl: 28px;
    --cb-radius-pill: 40px;

    /* Shadow / Glow */
    --cb-glow-accent: 0 4px 20px rgba(200, 120, 42, 0.36);
    --cb-glow-green: 0 0 8px rgba(82, 196, 110, 0.6);

    /* Legacy aliases (for backward compat with existing components) */
    --bg-primary: #2a2118;
    --t1: rgba(255, 245, 228, 1.0);
    --t2: rgba(255, 232, 195, 0.85);
    --t3: rgba(255, 222, 170, 0.75);
    --t-hint: rgba(255, 215, 158, 0.70);
    --t-legal: rgba(255, 212, 152, 0.68);
    --accent: #c8782a;
    --accent-light: #e89848;
    --accent-glow: rgba(200, 120, 42, 0.36);
    --accent-soft: rgba(200, 120, 42, 0.16);
    --accent-border: rgba(200, 120, 42, 0.32);
    --green: #52c46e;
    --green-soft: rgba(82, 196, 110, 0.12);
    --amber: #efa030;
    --amber-soft: rgba(239, 160, 48, 0.12);
    --red: #d96050;
    --red-soft: rgba(217, 96, 80, 0.12);
}