:root {
  --ly-bg: #09090b;
  --ly-bg-elevated: #111114;
  --ly-bg-card: #18181b;
  --ly-bg-input: #141417;
  --ly-primary: #052e1f;
  --ly-accent: #34d399;
  --ly-accent-hover: #6ee7b7;
  --ly-accent-dim: rgba(52, 211, 153, 0.12);
  --ly-accent-glow: rgba(52, 211, 153, 0.35);
  --ly-live: #f87171;
  --ly-text: #fafafa;
  --ly-muted: #71717a;
  --ly-border: rgba(255, 255, 255, 0.06);
  --ly-radius: 10px;
  --ly-radius-lg: 16px;
  --ly-radius-pill: 999px;
  --ly-header-h: 52px;
  --ly-tabbar-h: 64px;
  --ly-rail-w: 56px;
  --ly-container: 1200px;
  --ly-focus-ring: 0 0 0 3px var(--ly-accent-glow);
  --ly-shadow-pill: 0 8px 32px rgba(0, 0, 0, 0.45);
}

html.ly-light {
  --ly-bg: #fafafa;
  --ly-bg-elevated: #ffffff;
  --ly-bg-card: #ffffff;
  --ly-bg-input: #f4f4f5;
  --ly-text: #18181b;
  --ly-muted: #71717a;
  --ly-border: rgba(0, 0, 0, 0.08);
}