/* ==========================================================================
   CWC Master Portal · Clean High-Density Design System
   ========================================================================== */

:root {
  --cwc-primary: #f59e0b;
  --cwc-primary-dark: #d97706;
  --cwc-primary-light: rgba(245, 158, 11, 0.12);
  
  --cwc-bg-main: #f8fafc;
  --cwc-bg-surface: #ffffff;
  --cwc-bg-card: #ffffff;
  --cwc-bg-subtle: #f1f5f9;
  --cwc-bg-highlight: #fef3c7;

  --cwc-border: #e2e8f0;
  --cwc-border-strong: #cbd5e1;
  --cwc-border-active: #f59e0b;

  --cwc-text-main: #0f172a;
  --cwc-text-muted: #475569;
  --cwc-text-subtle: #94a3b8;

  --cwc-success: #10b981;
  --cwc-success-light: #ecfdf5;
  --cwc-danger: #ef4444;
  --cwc-danger-light: #fef2f2;
  --cwc-indigo: #6366f1;
  --cwc-indigo-light: #eef2ff;

  --cwc-radius-sm: 6px;
  --cwc-radius-md: 8px;
  --cwc-radius-lg: 12px;

  --cwc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --cwc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07);

  --cwc-font-sans: -apple-system, BlinkMacSystemFont, 'Plus Jakarta Sans', 'Inter', 'Segoe UI', Roboto, sans-serif;
  --cwc-font-mono: 'Fira Code', ui-monospace, SFMono-Regular, monospace;
}

[data-theme="dark"] {
  --cwc-bg-main: #09090b;
  --cwc-bg-surface: #121215;
  --cwc-bg-card: #18181b;
  --cwc-bg-subtle: #27272a;
  --cwc-bg-highlight: rgba(245, 158, 11, 0.15);

  --cwc-border: #27272a;
  --cwc-border-strong: #3f3f46;
  --cwc-border-active: #f59e0b;

  --cwc-text-main: #f4f4f5;
  --cwc-text-muted: #a1a1aa;
  --cwc-text-subtle: #71717a;

  --cwc-success-light: rgba(16, 185, 129, 0.15);
  --cwc-danger-light: rgba(239, 68, 68, 0.15);
  --cwc-indigo-light: rgba(99, 102, 241, 0.15);

  --cwc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --cwc-shadow-md: 0 4px 12px 0 rgba(0, 0, 0, 0.6);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--cwc-font-sans);
  background-color: var(--cwc-bg-main);
  color: var(--cwc-text-main);
  min-height: 100vh;
  line-height: 1.5;
  letter-spacing: -0.01em;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--cwc-border-strong);
  border-radius: 4px;
}