/**
 * Carbon Design Tokens for ProductTickler Pro
 * ============================================
 * Extracted from the Carbon dashboard (design/carbon-react-rewrite).
 *
 * HOW TO USE:
 * 1. Load this file AFTER style.css (it overrides :root variables)
 * 2. The existing --color-* and --glass-* properties are remapped
 *    to carbon equivalents, so all existing CSS "just works"
 * 3. Carbon-specific tokens (--carbon-*) are also available for
 *    new components that want finer control
 *
 * NOT ACTIVE until explicitly enqueued in functions.php.
 */

:root {
    /* ─── Core backgrounds ─── */
    --color-background:     #0C0D0E;    /* was #0F0B21 (purple-tinted) → neutral carbon */
    --color-card-bg:        #141516;    /* was rgba(43,40,79,0.5) → solid surface */
    --color-card-border:    #2A2B2E;    /* was rgba(132,68,249,0.2) → solid border */

    /* ─── Brand colors ─── */
    --color-primary:        #C4622D;    /* was #8444F9 (purple) → burnt orange */
    --color-primary-light:  #D4743F;    /* was #9966FF → lighter orange */
    --color-secondary:      #C49A2D;    /* was #00D4AA (teal) → warm gold */

    /* ─── Text ─── */
    --color-text:           #E8E8E6;    /* was #FFFFFF → warm off-white */
    --color-text-muted:     #9B9B97;    /* was #A9A5B8 → neutral gray */
    --color-border:         #2A2B2E;    /* explicit border token */

    /* ─── Glassmorphism → Solid elevation ─── */
    --glass-bg:             #1C1D1F;    /* was rgba(255,255,255,0.05) → solid surface-2 */
    --glass-border:         #2A2B2E;    /* was rgba(255,255,255,0.1) → solid border */
    --glass-blur:           0px;        /* was 15px → no blur, solid surfaces */

    /* ─── Typography ─── */
    --font-family-sans:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* ─── Layout (unchanged) ─── */
    --header-height:        80px;
    --container-max-width:  1440px;
    --breakpoint-nav:       1400px;

    /* ─── Carbon surface system (for new components) ─── */
    --carbon-bg:            #0C0D0E;
    --carbon-surface-1:     #141516;
    --carbon-surface-2:     #1C1D1F;
    --carbon-surface-3:     #252628;
    --carbon-border:        #2A2B2E;
    --carbon-border-subtle:  #1E1F21;

    /* ─── Carbon text ─── */
    --carbon-text-primary:  #E8E8E6;
    --carbon-text-secondary: #9B9B97;
    --carbon-text-muted:    #5C5C58;

    /* ─── Carbon accents ─── */
    --carbon-accent:        #C4622D;
    --carbon-accent-hover:  #A85225;
    --carbon-success:       #4A9E5C;
    --carbon-danger:        #C75050;
    --carbon-warning:       #C49A2D;
}

/*
 * Override glassmorphism effects globally.
 * backdrop-filter: blur() becomes a no-op when --glass-blur is 0px,
 * but some components may hardcode it. These rules catch those cases.
 */
.glass-card,
.glass-panel,
[class*="backdrop-blur"],
[class*="glass"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}