:root {
  /* Colors */
  --navy:       #0D1B4B;
  --red:        #DC2626;
  --text-body:  #374151;
  --text-muted: #6B7280;
  --bg-page:    #F4F5F7;
  --bg-surface: #FFFFFF;
  --bg-subtle:  #F9FAFB;
  --border:     #E5E7EB;

  /* Badge colors */
  --badge-pending-bg:  #FEF3C7;
  --badge-pending-fg:  #92400E;
  --badge-success-bg:  #D1FAE5;
  --badge-success-fg:  #065F46;
  --badge-active-bg:   #DBEAFE;
  --badge-active-fg:   #1E40AF;
  --badge-expired-bg:  #FEE2E2;
  --badge-expired-fg:  #991B1B;

  /* Typography */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radii */
  --radius-sm: 4px;
  --radius:    6px;
  --radius-md: 8px;
  --radius-pill: 20px;

  /* Sidebar */
  --sidebar-w:          240px;
  --sidebar-w-collapsed: 56px;
  --topbar-h:           48px;
}