:root{--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-primary-950:#172554;--color-secondary-50:#f5f3ff;--color-secondary-100:#ede9fe;--color-secondary-200:#ddd6fe;--color-secondary-300:#c4b5fd;--color-secondary-400:#a78bfa;--color-secondary-500:#8b5cf6;--color-secondary-600:#7c3aed;--color-secondary-700:#6d28d9;--color-secondary-800:#5b21b6;--color-secondary-900:#4c1d95;--color-secondary-950:#2e1065;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-success-950:#052e16;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-warning-950:#451a03;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-300:#fca5a5;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-danger-900:#7f1d1d;--color-danger-950:#450a0a;--color-info-50:#ecfeff;--color-info-100:#cffafe;--color-info-200:#a5f3fc;--color-info-300:#67e8f9;--color-info-400:#22d3ee;--color-info-500:#06b6d4;--color-info-600:#0891b2;--color-info-700:#0e7490;--color-info-800:#155e75;--color-info-900:#164e63;--color-info-950:#083344;--color-surface:#fff;--color-bg-base:#fff;--color-text-inverse:#fff;--color-on-primary:#fff;--color-scrim:#0006;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-0-5:2px;--space-1-5:6px;--space-2-5:10px;--space-3-5:14px;--space-4-5:18px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:Roboto;--font-display:Roboto;--font-mono:Roboto Mono;--font-size-display:64px;--font-size-h1:48px;--font-size-h2:40px;--font-size-h3:32px;--font-size-title:24px;--font-size-subtitle:20px;--font-size-body-lg:18px;--font-size-body:16px;--font-size-caption:14px;--font-size-overline:12px;--line-height-tight:1.2;--line-height-standard:1.4;--line-height-comfortable:1.6;--letter-spacing-tight:-.02em;--letter-spacing-normal:0em;--letter-spacing-wide:.05em;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 2px 6px #00000014;--shadow-md:0 6px 16px #0000001f;--shadow-lg:0 12px 28px #00000029;--shadow-xl:0 24px 48px #0003;--color-surface-hover:var(--color-gray-50);--color-surface-active:var(--color-gray-100);--color-bg-muted:var(--color-gray-100);--color-bg-subtle:var(--color-gray-50);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-disabled:var(--color-gray-400);--color-text-link:var(--color-primary-600);--color-border-default:var(--color-gray-300);--color-border-subtle:var(--color-gray-200);--color-border-strong:var(--color-gray-400);--color-border-focus:var(--color-primary-600);--color-action-primary:var(--color-primary-600);--color-action-primary-hover:var(--color-primary-700);--color-sem-success:var(--color-success-600);--color-sem-success-bg:var(--color-success-50);--color-sem-warning:var(--color-warning-600);--color-sem-warning-bg:var(--color-warning-50);--color-sem-danger:var(--color-danger-600);--color-sem-danger-bg:var(--color-danger-50);--color-sem-info:var(--color-info-600);--color-sem-info-bg:var(--color-info-50);--radius-base:var(--radius-md)}[data-mode=dark]{--color-bg-base:#0b1020;--color-bg-muted:#1e293b;--color-bg-subtle:#0f172a;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-inverse:#0b1020;--color-text-disabled:#475569;--color-sem-success:#34d399;--color-scrim:#0009;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 6px #00000073;--shadow-md:0 6px 16px #00000080;--shadow-lg:0 12px 28px #0000008c;--shadow-xl:0 24px 48px #0009;--color-surface:var(--color-gray-900);--color-surface-hover:var(--color-gray-800);--color-surface-active:var(--color-gray-700);--color-text-primary:var(--color-gray-50);--color-text-link:var(--color-primary-400);--color-border-default:var(--color-gray-700);--color-border-subtle:var(--color-gray-800);--color-border-strong:var(--color-gray-600);--color-border-focus:var(--color-primary-400);--color-action-primary:var(--color-primary-500);--color-action-primary-hover:var(--color-primary-400);--color-sem-success-bg:var(--color-success-950);--color-sem-warning:var(--color-warning-400);--color-sem-warning-bg:var(--color-warning-950);--color-sem-danger:var(--color-danger-400);--color-sem-danger-bg:var(--color-danger-950);--color-sem-info:var(--color-info-400);--color-sem-info-bg:var(--color-info-950)}[data-brand=xoftix]{--color-primary-400:#79a9ee;--color-primary-500:#4a8be6;--color-primary-600:#1e6fd9;--color-primary-700:#1659b0;--radius-base:8px;--font-sans:Inter}[data-brand=documentia]{--color-primary-400:#f79b77;--color-primary-500:#f4794d;--color-primary-600:#f2602d;--color-primary-700:#d14516;--radius-base:12px}