/* ═══════════════════════════════════════════════════════════════
   MEAUX THEME LIBRARY - Inner Animal Edition 
   Remastered for Tactical Excellence & Premium UI
   ═══════════════════════════════════════════════════════════════ */

:root {
    --transition-speed: 0.3s;
    --ease-tactical: cubic-bezier(0.4, 0, 0.2, 1);
    --color-success: #22c55e;
    --color-error: #ef4444;
}

/* CLAY COLLECTION */
[data-theme="meaux-clay-light"] {
    --bg-surface: #f7f8fa;
    --bg-panel: #ffffff;
    --bg-elevated: #f1f3f5;
    --color-primary: #2563eb;
    --color-secondary: #7c3aed;
    --color-accent: #06b6d4;
    --color-text: #0f172a;
    --color-muted: #64748b;
    --color-border: rgba(0, 0, 0, 0.08);
    --color-success: #16a34a;
    --color-error: #dc2626;
}

[data-theme="meaux-clay-dark"] {
    --bg-surface: #1a1f2e;
    --bg-panel: #242938;
    --bg-elevated: #2d3445;
    --color-primary: #7c3aed;
    --color-secondary: #ec4899;
    --color-accent: #06b6d4;
    --color-text: #e2e8f0;
    --color-muted: #94a3b8;
    --color-border: rgba(255, 255, 255, 0.1);
    --color-success: #34d399;
    --color-error: #f87171;
}

/* PREMIUM MODERN */
[data-theme="meaux-monochrome"] {
    --bg-surface: #ffffff;
    --bg-panel: #fafafa;
    --bg-elevated: #f5f5f5;
    --color-primary: #000000;
    --color-secondary: #171717;
    --color-accent: #404040;
    --color-text: #0a0a0a;
    --color-muted: #737373;
    --color-border: rgba(0, 0, 0, 0.1);
    --color-success: #16a34a;
    --color-error: #dc2626;
}

[data-theme="meaux-workflow"] {
    --bg-surface: #16181d;
    --bg-panel: #1c1f26;
    --bg-elevated: #242933;
    --color-primary: #5e6ad2;
    --color-secondary: #26b5ce;
    --color-accent: #95a2b3;
    --color-text: #e6edf3;
    --color-muted: #9ca3af;
    --color-border: rgba(255, 255, 255, 0.1);
    --color-success: #26b5ce;
    --color-error: #f87171;
}

/* APPLE ECOSYSTEM */
[data-theme="meaux-ios-light"] {
    --bg-surface: #f5f5f7;
    --bg-panel: #ffffff;
    --bg-elevated: #f2f2f4;
    --color-primary: #007aff;
    --color-secondary: #5856d6;
    --color-accent: #34c759;
    --color-text: #1d1d1f;
    --color-muted: #86868b;
    --color-border: rgba(0, 0, 0, 0.1);
    --color-success: #34c759;
    --color-error: #ff3b30;
}

[data-theme="meaux-ios-dark"] {
    --bg-surface: #000000;
    --bg-panel: #1c1c1e;
    --bg-elevated: #2c2c2e;
    --color-primary: #0a84ff;
    --color-secondary: #5e5ce6;
    --color-accent: #30d158;
    --color-text: #ffffff;
    --color-muted: #98989d;
    --color-border: rgba(255, 255, 255, 0.15);
    --color-success: #30d158;
    --color-error: #ff453a;
}

/* DEVELOPER TOOLS */
[data-theme="meaux-code-dark"] {
    --bg-surface: #0d1117;
    --bg-panel: #161b22;
    --bg-elevated: #21262d;
    --color-primary: #58a6ff;
    --color-secondary: #1f6feb;
    --color-accent: #79c0ff;
    --color-text: #c9d1d9;
    --color-muted: #8b949e;
    --color-border: rgba(240, 246, 252, 0.1);
    --color-success: #3fb950;
    --color-error: #f85149;
}

/* CYBER SERIES */
[data-theme="meaux-cyber-punk"] {
    --bg-surface: #0f0f23;
    --bg-panel: #1a1a2e;
    --bg-elevated: #24243e;
    --color-primary: #ff006e;
    --color-secondary: #00f5ff;
    --color-accent: #ffbe0b;
    --color-text: #ffffff;
    --color-muted: #a0a0b0;
    --color-border: rgba(255, 0, 110, 0.3);
    --color-success: #00f5ff;
    --color-error: #ff006e;
}

[data-theme="meaux-hacker-green"] {
    --bg-surface: #000000;
    --bg-panel: #0a0f0a;
    --bg-elevated: #111a11;
    --color-primary: #00ff41;
    --color-secondary: #00cc33;
    --color-accent: #39ff14;
    --color-text: #00ff41;
    --color-muted: #00aa2b;
    --color-border: rgba(0, 255, 65, 0.2);
    --color-success: #00ff41;
    --color-error: #ff3333;
}

/* INNER ANIMAL SIGNATURE THEMES */
[data-theme="inner-animal-dark"] {
    --bg-surface: #0a0e14;
    --bg-panel: #12171f;
    --bg-elevated: #1a222d;
    --color-primary: #00D4FF;
    --color-secondary: #7c3aed;
    --color-accent: #ec4899;
    --color-text: #e2e8f0;
    --color-muted: #94a3b8;
    --color-border: rgba(0, 212, 255, 0.2);
    --color-success: #34d399;
    --color-error: #f87171;
}

[data-theme="inner-animal-wild"] {
    --bg-surface: #1a1f2e;
    --bg-panel: #242938;
    --bg-elevated: #2d3445;
    --color-primary: #ec4899;
    --color-secondary: #f97316;
    --color-accent: #8b5cf6;
    --color-text: #ffffff;
    --color-muted: #a1a1aa;
    --color-border: rgba(236, 72, 153, 0.2);
    --color-success: #34d399;
    --color-error: #f87171;
}

[data-theme="inner-animal-ocean"] {
    --bg-surface: #0a1929;
    --bg-panel: #132f4c;
    --bg-elevated: #1e426b;
    --color-primary: #00b4d8;
    --color-secondary: #0077b6;
    --color-accent: #90e0ef;
    --color-text: #e0f2fe;
    --color-muted: #94a3b8;
    --color-border: rgba(0, 180, 216, 0.2);
    --color-success: #2dd4bf;
    --color-error: #f87171;
}

/* TACTICAL CATEGORY FALLBACK */
[data-theme="tactical-sandstone"] {
    --bg-surface: #1a1a14;
    --bg-panel: #24241c;
    --bg-elevated: #2d2d24;
    --color-primary: #d4c4a8;
    --color-secondary: #c48c5a;
    --color-accent: #88a67d;
    --color-text: #e6dfcc;
    --color-muted: #8c8879;
    --color-border: rgba(212, 196, 168, 0.15);
    --color-success: #88a67d;
    --color-error: #c48c5a;
}

/* Shared UI Components */
body {
    transition: background-color var(--transition-speed), color var(--transition-speed);
}

.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: 10px;
}