/* Design tokens. Change colors here only. --primary is overridden at runtime by the brand color (white-label). */
:root{
--bg:#F7F8FA;--card:#FFFFFF;--border:#E5E7EB;--line:#8B93A1;--text:#1F2937;--muted:#6B7280;
--primary:#0F766E;--on-primary:#FFFFFF;--link:var(--primary);
--primary-soft:color-mix(in srgb,var(--primary) 12%,var(--card));
--success:#15803D;--success-bg:#DCFCE7;--warning:#B45309;--warning-bg:#FEF3C7;
--danger:#B91C1C;--danger-bg:#FEE2E2;--info:#1D4ED8;--info-bg:#DBEAFE;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
--r:10px;--rp:999px;--shadow:0 8px 24px rgba(15,23,42,.10);--t:.18s;
--font:Cairo,"Segoe UI",Tahoma,system-ui,sans-serif;
}
:root[data-theme=dark]{
--bg:#16181D;--card:#1F2329;--border:#2E343D;--line:#6B7280;--text:#E5E7EB;--muted:#9CA3AF;
--link:color-mix(in srgb,var(--primary) 55%,#fff);
--primary-soft:color-mix(in srgb,var(--primary) 25%,var(--card));
--success:#4ADE80;--success-bg:#14351F;--warning:#FBBF24;--warning-bg:#3A2A0A;
--danger:#F87171;--danger-bg:#3F1518;--info:#60A5FA;--info-bg:#14284A;
--shadow:0 8px 24px rgba(0,0,0,.45);
}