/* Machine — color. Light-first: branco 70% · bg.soft 15% · indigo 10% · escuro 5%. */
:root{
/* ── primitives: indigo (brand) ── */
--indigo-50:#EEF2FF;--indigo-100:#E0E7FF;--indigo-200:#C7D2FE;--indigo-300:#A5B4FC;--indigo-400:#818CF8;--indigo-500:#4F46E5;--indigo-600:#4338CA;--indigo-700:#3730A3;--indigo-800:#312E81;--indigo-900:#1E1B4B;--indigo-950:#0F0D2E;
/* ── primitives: violet (gradiente apenas, nunca solo) ── */
--violet-400:#A78BFA;--violet-500:#7C3AED;--violet-600:#6D28D9;
/* ── primitives: neutral (85% do uso visual) ── */
--neutral-0:#FFFFFF;--neutral-50:#F9FAFB;--neutral-100:#F3F4F6;--neutral-200:#E5E7EB;--neutral-300:#D1D5DB;--neutral-400:#9CA3AF;--neutral-500:#6B7280;--neutral-600:#4B5563;--neutral-700:#374151;--neutral-800:#1F2937;--neutral-900:#111827;--neutral-950:#030712;
/* ── primitives: slate (acento de autoridade) ── */
--slate-900:#0F172A;--slate-950:#020617;
/* ── primitives: semantic hues ── */
--green-50:#F0FDF4;--green-500:#22C55E;--green-600:#16A34A;
--amber-50:#FFFBEB;--amber-500:#F59E0B;
--red-50:#FEF2F2;--red-500:#EF4444;
--blue-50:#EFF6FF;--blue-500:#3B82F6;

/* ── semantic: backgrounds ── */
--bg-page:var(--neutral-0);
--bg-soft:var(--neutral-50);
--bg-tint:var(--indigo-50);
--bg-contrast:var(--slate-900);
--bg-contrast-2:var(--indigo-900);
--bg-footer:var(--slate-950);
/* ── semantic: surfaces ── */
--surface-1:var(--neutral-0);
--surface-2:var(--neutral-50);
--surface-icon:var(--indigo-50);
/* ── semantic: text ── */
--text-primary:var(--neutral-900);
--text-secondary:var(--neutral-600);
--text-muted:var(--neutral-400);
--text-disabled:var(--neutral-300);
--text-brand:var(--indigo-600);
--text-on-dark:var(--neutral-0);
--text-on-dark-2:rgba(255,255,255,.75);
--text-on-dark-muted:rgba(255,255,255,.50);
--text-brand-on-dark:var(--indigo-300);
/* ── semantic: brand ── */
--primary:var(--indigo-500);
--primary-hover:var(--indigo-600);
--primary-active:var(--indigo-700);
--primary-soft:var(--indigo-50);
--secondary:var(--violet-500);
/* ── semantic: gradients ── */
--grad-brand:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);/* @kind color */
--grad-hero:linear-gradient(135deg,#0F172A 0%,#1E1B4B 100%);/* @kind color */
--grad-text:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);/* @kind color */
/* ── semantic: borders ── */
--border-subtle:var(--neutral-200);
--border-default:var(--neutral-300);
--border-strong:var(--neutral-400);
--border-brand:var(--indigo-200);
--border-focus:var(--indigo-500);
--border-on-dark:rgba(255,255,255,.08);
/* ── semantic: status ── */
--success:var(--green-500);--success-soft:var(--green-50);--success-ink:var(--green-600);
--warning:var(--amber-500);--warning-soft:var(--amber-50);
--error:var(--red-500);--error-soft:var(--red-50);
--info:var(--blue-500);--info-soft:var(--blue-50);
}