:root {
  --accent: #2563EB;
  --accent-hover: #1D4ED8;
  --accent-soft: #EFF6FF;

  --bg-primary: #F8F9FB;
  --bg-card: #FFFFFF;
  --bg-elevated: #FFFFFF;
  --bg-hover: #F1F5FF;

  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #000000;

  --border: #e2e8f0;
  --border-strong: #cbd5e1;

  --green: #16A34A;
  --green-bg: #ECFDF5;
  --amber: #D97706;
  --amber-bg: #FFFBEB;
  --red: #DC2626;
  --red-bg: #FEF2F2;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);

  --radius: 10px;
  --radius-lg: 16px;

  --header-h: 50px;
  --t: 0.15s ease;
}

body.dark {
  --accent: #3B82F6;
  --accent-hover: #60A5FA;
  --accent-soft: #1e293b;
  --bg-primary: #0f1115;
  --bg-card: #181a20;
  --bg-elevated: #1e222a;
  --bg-hover: #21252d;
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border: #2d323b;
  --border-strong: #3f4753;
  --green: #22C55E;
  --green-bg: #052e16;
  --amber: #F59E0B;
  --amber-bg: #451a03;
  --red: #EF4444;
  --red-bg: #450a0a;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, .4);
}