:root {
  --sl-bg:           #1a1d23;
  --sl-surface:      #22262f;
  --sl-surface-2:    #2a2f3a;
  --sl-header:       #0f1117;

  --sl-border:       #363c4a;
  --sl-border-dim:   rgba(54, 60, 74, 0.5);

  --sl-blue:         #2563eb;
  --sl-blue-dim:     #1d4ed8;
  --sl-accent:       #38bdf8;

  --sl-success:      #22c55e;
  --sl-warning:      #f59e0b;
  --sl-danger:       #ef4444;
  --sl-orange:       #f97316;

  --sl-p1-bg:        rgba(239, 68, 68, 0.85);
  --sl-p1-text:      #ffffff;
  --sl-p2-bg:        rgba(249, 115, 22, 0.8);
  --sl-p2-text:      #ffffff;
  --sl-p3-bg:        rgba(245, 158, 11, 0.8);
  --sl-p3-text:      #1a1d23;
  --sl-p4-bg:        rgba(34, 197, 94, 0.7);
  --sl-p4-text:      #14532d;

  --sl-text:         #d4d8e2;
  --sl-muted:        #7a8099;
  --sl-white:        #ffffff;

  --sl-font:         'Inter', system-ui, sans-serif;
  --sl-mono:         'JetBrains Mono', 'Fira Code', monospace;

  --sl-radius:       4px;
  --sl-radius-md:    6px;
  --sl-radius-lg:    8px;
}