:root{
--black:#191919;--gray-800:#2f2f2d;--gray-700:#37352f;--gray-500:#787774;--gray-400:#9b9a97;
--gray-300:#c9c8c5;--gray-200:#e9e9e7;--gray-50:#fbfbfa;--gray-100:#f0f0ee;--white:#ffffff;
--red-600:#b3402a;--red-100:#f7e6e2;
--blue-600:#3d6da6;--blue-700:#33608f;--blue-800:#26496e;--blue-100:#e6edf5;
--color-theme:var(--blue-600);
--color-theme-hover:var(--blue-700);
--color-theme-subtle:var(--blue-100);
--color-bg:var(--gray-100);
--color-surface:var(--white);
--color-surface-sunken:var(--gray-100);
--color-field:var(--gray-50);
--color-border:var(--gray-300);
--color-border-strong:var(--gray-300);
--color-text:var(--black);
--color-text-muted:var(--gray-500);
--color-text-subtle:var(--gray-400);
--color-primary:var(--color-theme);
--color-primary-hover:var(--color-theme-hover);
--color-primary-active:var(--color-theme-hover);
--color-on-primary:var(--white);
--color-primary-border:var(--blue-800);
--color-focus-ring:var(--color-theme);
--color-hover:var(--gray-200);
--color-danger:var(--red-600);
--color-danger-bg:var(--red-100);
}
[data-theme="dark"]{
--color-bg:#191919;
--color-surface:#202020;
--color-surface-sunken:#1c1c1c;
--color-field:#262625;
--color-border:#3a3a38;
--color-border-strong:#4d4d4a;
--color-text:#f1f1ef;
--color-text-muted:#9b9a97;
--color-text-subtle:#787774;
--color-theme:#4a7fc1;
--color-theme-hover:#5b8fd0;
--color-theme-subtle:#22303d;
--color-primary:var(--color-theme);
--color-primary-hover:var(--color-theme-hover);
--color-primary-active:#3f6fac;
--color-on-primary:#ffffff;
--color-primary-border:#7ba9e0;
--color-focus-ring:var(--color-theme);
--color-hover:#313130;
--color-danger:#e08d78;
--color-danger-bg:#3a2420;
}