/* ==========================================================================
   2026 NEO-SKEUOMORPHISM DESIGN TOKENS
   Hardware Chassis, Titanium Matte, Tactile Depth, Optical LEDs
   ========================================================================== */

:root {
  /* Surface & Chroma (Obsidian / Brushed Dark Titanium) */
  --bg-app: #080a0e;
  --chassis-bg: #0e1218;
  --chassis-edge: #1e2632;
  --surface-raised: #141922;
  --surface-raised-hover: #19202b;
  --surface-active: #0c1016;
  --surface-debossed: #07090d;
  --surface-lcd: #05070a;
  
  /* Text & Inks */
  --ink-primary: #f0f4fc;
  --ink-secondary: #94a3b8;
  --ink-tertiary: #526075;
  --ink-accent: #38bdf8;
  
  /* Precision Accent Colors (Hardware LEDs & Meters) */
  --led-green: #10b981;
  --led-green-glow: rgba(16, 185, 129, 0.45);
  --led-cyan: #06b6d4;
  --led-cyan-glow: rgba(6, 182, 212, 0.45);
  --led-amber: #f59e0b;
  --led-amber-glow: rgba(245, 158, 11, 0.45);
  --led-violet: #a855f7;
  --led-violet-glow: rgba(168, 85, 247, 0.45);
  --led-red: #ef4444;
  --led-red-glow: rgba(239, 68, 68, 0.45);

  /* Neo-Skeuomorphic Depth & Bevels */
  --chassis-border: 1px solid rgba(255, 255, 255, 0.08);
  --chassis-shadow: 
    0 24px 60px -12px rgba(0, 0, 0, 0.8),
    0 12px 24px -8px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 0 rgba(0, 0, 0, 0.8);

  --btn-raised-shadow:
    0 4px 10px rgba(0, 0, 0, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.14),
    inset 0 -2px 0 0 rgba(0, 0, 0, 0.4);

  --btn-pressed-shadow:
    inset 0 2px 5px rgba(0, 0, 0, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05);

  --screen-debossed-shadow:
    inset 0 3px 8px rgba(0, 0, 0, 0.85),
    inset 0 1px 3px rgba(0, 0, 0, 0.95),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04),
    0 1px 0 rgba(255, 255, 255, 0.05);

  /* Segmented & Border Radii */
  --r-chassis: 20px;
  --r-panel: 14px;
  --r-control: 10px;
  --r-badge: 6px;

  /* Fonts */
  --font-mono: "JetBrains Mono", "Geist Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  --transition-fast: 0.15s cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-tactile: 0.08s ease-out;
}

/* Ceramic Light Theme (Titanium Silver / Brushed Aluminum) */
[data-theme="light"] {
  --bg-app: #e2e8f0;
  --chassis-bg: #f1f5f9;
  --chassis-edge: #cbd5e1;
  --surface-raised: #ffffff;
  --surface-raised-hover: #f8fafc;
  --surface-active: #e2e8f0;
  --surface-debossed: #e2e8f0;
  --surface-lcd: #0f172a;
  
  --ink-primary: #0f172a;
  --ink-secondary: #475569;
  --ink-tertiary: #94a3b8;
  --ink-accent: #0284c7;

  --chassis-border: 1px solid rgba(0, 0, 0, 0.12);
  --chassis-shadow: 
    0 24px 60px -12px rgba(15, 23, 42, 0.2),
    0 12px 24px -8px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);

  --btn-raised-shadow:
    0 4px 10px rgba(15, 23, 42, 0.12),
    0 1px 2px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.9),
    inset 0 -2px 0 0 rgba(15, 23, 42, 0.12);

  --btn-pressed-shadow:
    inset 0 2px 4px rgba(15, 23, 42, 0.2),
    inset 0 -1px 0 rgba(255, 255, 255, 0.5);

  --screen-debossed-shadow:
    inset 0 2px 6px rgba(15, 23, 42, 0.18),
    inset 0 1px 2px rgba(15, 23, 42, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.8);
}