:root {
  /* ── Surface Palette ─────────────────────────── */
  --g-bg:        #0c1017;
  --g-surface:   #141a24;
  --g-surface-2: #1c2433;
  --g-surface-3: #242e40;
  --g-text:      #f0f4f8;
  --g-text-2:    #d0d8e4;
  --g-muted:     #7e8ea0;
  --g-accent:    #169dcb;
  --g-accent-2:  #1db8e8;
  --g-border:    rgba(255,255,255,.08);
  --g-border-2:  rgba(255,255,255,.14);

  /* ── Semantic Colors ─────────────────────────── */
  --g-danger:    #ef6461;
  --g-success:   #45b97c;
  --g-warning:   #f0a03c;
  --g-info:      var(--g-accent);

  /* ── Radii ───────────────────────────────────── */
  --g-radius-xs: 6px;
  --g-radius-sm: 10px;
  --g-radius-md: 14px;
  --g-radius-lg: 20px;
  --g-radius-xl: 28px;

  /* ── Shadows ─────────────────────────────────── */
  --g-shadow:      0 8px 32px rgba(0,0,0,.28);
  --g-shadow-lg:   0 20px 60px rgba(0,0,0,.35);
  --g-shadow-glow: 0 0 20px rgba(22,157,203,.15);

  /* ── Layout ──────────────────────────────────── */
  --g-sidebar:  260px;
  --g-content:  1440px;
  --g-topbar:   64px;

  /* ── Spacing Scale ───────────────────────────── */
  --g-space-1:  4px;
  --g-space-2:  8px;
  --g-space-3:  12px;
  --g-space-4:  16px;
  --g-space-5:  20px;
  --g-space-6:  24px;
  --g-space-8:  32px;
  --g-space-10: 40px;
  --g-space-12: 48px;

  /* ── Transitions ─────────────────────────────── */
  --g-ease:     cubic-bezier(.25,.46,.45,.94);
  --g-duration: 180ms;
}