:root {
  /* Backgrounds */
  --bg:          #FFFFFF;
  --bg-2:        #F8FAFC;
  --bg-dark:     #0B1121;
  --bg-dark-2:   #111827;

  /* Accent */
  --accent:      #1A56DB;
  --accent-2:    #3B82F6;
  --accent-bg:   #EFF6FF;
  --accent-muted: rgba(26,86,219,.1);

  /* Borders */
  --border:      #E2E8F0;
  --border-2:    #BFDBFE;
  --border-dark: #1E2D4D;

  /* Text */
  --text:        #0F172A;
  --text-body:   #374151;
  --text-muted:  #6B7280;
  --text-subtle: #94A3B8;
  --text-dark-muted: #9CA3AF;

  /* Status */
  --success:     #22c55e;
  --warning:     #fbbf24;

  /* Typography */
  --font-sans:   'Inter', system-ui, sans-serif;
  --font-tight:  'Inter Tight', 'Inter', system-ui, sans-serif;
  --font-mono:   ui-monospace, 'SF Mono', Menlo, monospace;

  /* Spacing */
  --section-py:    100px;
  --section-py-sm:  80px;
  --card-p:         32px;
  --nav-py:         18px;
  --nav-px:         24px;
  --container:    1200px;
  --container-sm: 1100px;
  --container-xs:  780px;
  --container-cta: 640px;

  /* Radius */
  --r-btn:    6px;
  --r-card:   12px;
  --r-card-l: 14px;
  --r-badge:  6px;
  --r-badge-s: 4px;
  --r-icon:   12px;

  /* Shadows */
  --shadow-pass: 0 20px 50px rgba(15,23,42,.12);
  --shadow-card: 0 2px 12px rgba(15,23,42,.06);
}