/* Generated from design-tokens.json — do not edit manually */
:root {
  --us-bg: #0A0F1C;
  --us-bg-secondary: #111827;
  --us-accent: #0CE0DA;
  --us-accent-hover: #0BBDB8;
  --us-text: #E2E8F0;
  --us-text-secondary: #94A3B8;
  --us-heading: #F8FAFC;
  --us-hamburger: #E2E8F0;
  --us-grid: rgba(12, 224, 218, 0.02);
  --us-card-bg: rgba(255, 255, 255, 0.04);
  --us-border: rgba(255, 255, 255, 0.08);
  --us-navbar-bg: rgba(10, 15, 28, 0.8);
  --us-navbar-scroll: rgba(10, 15, 28, 0.95);
  --us-code-bg: rgba(255, 255, 255, 0.06);
}

[data-theme="light"] {
  --us-bg: #F8FAFC;
  --us-bg-secondary: #F1F5F9;
  --us-accent: #0E7490;
  --us-accent-hover: #0B5A6C;
  --us-text: #1E293B;
  --us-text-secondary: #64748B;
  --us-heading: #0F172A;
  --us-hamburger: #1E293B;
  --us-grid: rgba(8, 145, 178, 0.03);
  --us-card-bg: rgba(0, 0, 0, 0.03);
  --us-border: rgba(0, 0, 0, 0.08);
  --us-navbar-bg: rgba(248, 250, 252, 0.8);
  --us-navbar-scroll: rgba(248, 250, 252, 0.95);
  --us-code-bg: rgba(0, 0, 0, 0.05);
}