:root{
--webappzo-red-900:#4d0000;
--webappzo-red-700:#7a0e2c;
--webappzo-red-600:#a9052f;
--webappzo-red-500:#c8163f;
--webappzo-red-400:#e8385f;
--webappzo-red-100:#ffdad6;
--webappzo-gold-500:#ffb800;
--webappzo-gold-300:#ffd666;
--webappzo-success-500:#34c759;
--webappzo-ink-950:#000000;
--webappzo-ink-900:#0c0c0d;
--webappzo-ink-850:#111111;
--webappzo-ink-800:#1a1a1c;
--webappzo-ink-700:#1c1c1e;
--webappzo-ink-600:#2c2c2e;
--webappzo-line-600:#3a3a3c;
--webappzo-line-400:#5a5a5e;
--webappzo-fg-50:#ffffff;
--webappzo-fg-100:#e8e8ec;
--webappzo-fg-300:#b0b3b8;
--webappzo-fg-500:#7a7d82;
--surface-app:var(--webappzo-ink-950);
--surface-1:var(--webappzo-ink-850);
--surface-2:var(--webappzo-ink-800);
--surface-3:var(--webappzo-ink-700);
--surface-raised:var(--webappzo-ink-600);
--surface-glass:rgba(12,12,13,.85);
--border-subtle:var(--webappzo-line-600);
--border-strong:var(--webappzo-line-400);
--text-primary:var(--webappzo-fg-50);
--text-secondary:var(--webappzo-fg-100);
--text-muted:var(--webappzo-fg-300);
--text-faint:var(--webappzo-fg-500);
--accent-primary:var(--webappzo-red-600);
--accent-primary-hover:var(--webappzo-red-500);
--accent-primary-active:var(--webappzo-red-700);
--accent-primary-container:var(--webappzo-red-900);
--accent-on-primary:#ffffff;
--accent-gold:var(--webappzo-gold-500);
--accent-success:var(--webappzo-success-500);
--accent-error:#ffb4ab;
--focus-ring:rgba(169,5,47,.35)
}
body.light-theme{
--surface-app:#f8fbff;
--surface-1:#ffffff;
--surface-2:#f1f5f9;
--surface-3:#e7ecf2;
--surface-raised:#ffffff;
--surface-glass:rgba(248,253,255,.92);
--border-subtle:#dfe4ea;
--border-strong:#c3cad2;
--text-primary:#14161a;
--text-secondary:#33383f;
--text-muted:#666d76;
--text-faint:#8b929b
}