:root {
  /* Colors */
  --c-bg: #0b1220;
  --c-surface: #0f172a;
  --c-card: #111c33;
  --c-card-2: #0f1a30;
  --c-border: rgba(255,255,255,0.08);
  --c-border-2: rgba(255,255,255,0.12);

  --c-text: rgba(255,255,255,0.92);
  --c-muted: rgba(255,255,255,0.65);
  --c-dim: rgba(255,255,255,0.45);

  --c-primary: #4f8cff;
  --c-primary-2: #2f6fff;
  --c-danger: #ff5c74;
  --c-success: #27d69b;

  /* Spacing */
  --sp-2: 2px;
  --sp-4: 4px;
  --sp-6: 6px;
  --sp-8: 8px;
  --sp-10: 10px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-32: 32px;

  /* Radius */
  --r-10: 10px;
  --r-12: 12px;
  --r-14: 14px;

  /* Shadows */
  --sh-card: 0 10px 30px rgba(0,0,0,0.25);
  --sh-soft: 0 6px 18px rgba(0,0,0,0.20);

  /* Typography */
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;

  /* Layout */
  --sidebar-w: 248px;
  --topbar-h: 56px;
}