/* ═══════════════════════════════════════════════════════════════
   DMG Platform — CSS Custom Properties
   Dark theme (default) + Light theme override
   ═══════════════════════════════════════════════════════════════ */

:root,
[data-theme="dark"] {
  --primary:           #ff5e00;
  --primary-dark:      #e65100;
  --primary-light:     #ff8a4d;
  --primary-alpha-10:  rgba(255, 94, 0, 0.1);
  --primary-alpha-20:  rgba(255, 94, 0, 0.2);
  --primary-alpha-30:  rgba(255, 94, 0, 0.3);

  --bg-body:           #121214;
  --bg-card:           #1c1c1f;
  --bg-card-hover:     #242428;
  --bg-input:          #18181b;
  --bg-input-focus:    #1f1f23;
  --bg-sidebar:        #16161a;
  --bg-nav:            #16161a;
  --bg-modal:          #1c1c1f;
  --bg-tooltip:        #2a2a2e;
  --bg-skeleton:       linear-gradient(90deg, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.04) 75%);

  --border-color:      #2e2e32;
  --border-light:      #232327;
  --border-focus:      var(--primary);

  --text-primary:      #e4e4e7;
  --text-secondary:    #8b8b94;
  --text-muted:        #53535a;
  --text-inverse:      #121214;

  --success:           #22c55e;
  --success-alpha:     rgba(34, 197, 94, 0.12);
  --error:             #ef4444;
  --error-alpha:       rgba(239, 68, 68, 0.12);
  --warning:           #f59e0b;
  --warning-alpha:     rgba(245, 158, 11, 0.12);
  --info:              #3b82f6;
  --info-alpha:        rgba(59, 130, 246, 0.12);

  --shadow-sm:         0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md:         0 4px 16px rgba(0, 0, 0, 0.3);
  --shadow-lg:         0 12px 40px rgba(0, 0, 0, 0.4);
  --shadow-glow:       0 0 20px rgba(255, 94, 0, 0.15);

  --radius-xs:         4px;
  --radius-sm:         6px;
  --radius-md:         10px;
  --radius-lg:         16px;
  --radius-xl:         24px;

  --font-sans:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:         'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  --sidebar-width:     240px;
  --nav-height:        60px;
}

[data-theme="light"] {
  --bg-body:           #f4f4f5;
  --bg-card:           #ffffff;
  --bg-card-hover:     #fafafa;
  --bg-input:          #ffffff;
  --bg-input-focus:    #ffffff;
  --bg-sidebar:        #ffffff;
  --bg-nav:            #ffffff;
  --bg-modal:          #ffffff;
  --bg-tooltip:        #18181b;
  --bg-skeleton:       linear-gradient(90deg, rgba(0,0,0,0.04) 25%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.04) 75%);

  --border-color:      #e4e4e7;
  --border-light:      #f0f0f2;

  --text-primary:      #18181b;
  --text-secondary:    #71717a;
  --text-muted:        #a1a1aa;
  --text-inverse:      #fafafa;

  --shadow-sm:         0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md:         0 4px 12px rgba(0, 0, 0, 0.05);
  --shadow-lg:         0 8px 24px rgba(0, 0, 0, 0.07);
  --shadow-glow:       0 0 20px rgba(255, 94, 0, 0.08);
}