:root{--bg:#f8fafc;--primary:#4338ca;--on-bg:oklch(from var(--bg) calc(1 - l) c h);--on-primary:#fff;--surface:color-mix(in srgb, var(--bg) 95%, var(--on-bg));--surface-hover:color-mix(in srgb, var(--bg) 90%, var(--on-bg));--border:color-mix(in srgb, var(--bg) 85%, var(--on-bg));--text-muted:color-mix(in srgb, var(--on-bg) 65%, var(--bg));--shadow:0 10px 30px color-mix(in srgb, var(--on-bg) 8%, transparent);--radius-lg:22px;--radius-sm:12px}body{background-color:var(--bg);color:var(--on-bg);margin:0;font-family:Inter,sans-serif}*{box-sizing:border-box}