:root {
    --bg: #0b0b0d; --bg-soft: #131316; --bg-card: #1c1c1e; --bg-elev: #2c2c2e; --bg-code: #08080a;
    --border: rgba(255,255,255,.06); --border-2: rgba(255,255,255,.10); --border-hi: rgba(255,255,255,.16);
    --fg: #ffffff; --fg-dim: rgba(235,235,245,.60); --fg-mute: rgba(235,235,245,.40); --fg-faint: rgba(235,235,245,.24);
    --accent: #0a84ff; --accent-hi: #3395ff; --accent-soft: rgba(10,132,255,.16);
    --green: #30d158; --yellow: #ffd60a; --orange: #ff9f0a; --red: #ff453a;
    --purple: #bf5af2; --pink: #ff375f; --teal: #64d2ff;
    --glass-bg: rgba(28,28,30,.72); --glass-bg-strong: rgba(28,28,30,.86);
    --glass-border: rgba(255,255,255,.08); --glass-blur: 30px; --glass-saturate: 180%;
    --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px;
    --r-1:10px; --r-2:12px; --r-3:14px; --r-4:16px; --r-5:22px; --r-pill:999px;
    --sh-1: 0 1px 2px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.20);
    --sh-2: 0 2px 6px rgba(0,0,0,.40), 0 8px 24px rgba(0,0,0,.30);
    --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    --fs-xs:11px; --fs-sm:12px; --fs-base:13px; --fs-md:15px; --fs-lg:17px; --fs-xl:20px; --fs-2xl:22px; --fs-3xl:28px;
    --lh-tight:1.15; --lh-snug:1.25; --lh-base:1.45; --lh-loose:1.6;
    --fw-regular:400; --fw-med:500; --fw-semi:600; --fw-bold:700;
    --ls-tight:-.02em; --ls-snug:-.015em; --ls-base:-.01em; --ls-loose:.02em; --ls-caps:.08em;
    --t-fast:150ms; --t-base:220ms; --t-slow:320ms;
    --ease: cubic-bezier(.32,.72,0,1);
    --tabbar-h: 56px;
    --sidebar-w: 64px;
}

:root[data-theme="light"] {
    --bg: #f2f2f7; --bg-soft: #ffffff; --bg-card: #ffffff; --bg-elev: #e5e5ea; --bg-code: #f8f8fa;
    --border: rgba(0,0,0,.06); --border-2: rgba(0,0,0,.10); --border-hi: rgba(0,0,0,.16);
    --fg: #000000; --fg-dim: rgba(60,60,67,.60); --fg-mute: rgba(60,60,67,.40); --fg-faint: rgba(60,60,67,.24);
    --accent: #007aff; --accent-hi: #0a84ff; --accent-soft: rgba(0,122,255,.12);
    --glass-bg: rgba(255,255,255,.72); --glass-bg-strong: rgba(255,255,255,.86);
    --glass-border: rgba(0,0,0,.08);
    --sh-1: 0 1px 2px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.06);
    --sh-2: 0 2px 6px rgba(0,0,0,.10), 0 8px 24px rgba(0,0,0,.08);
}