:root{
/* --- Brand base (manual de marca §4) --- */
--kairo-black:#141414;
--kairo-white:#FFFFFF;
--kairo-graphite:#8A8A85;
--kairo-terracotta:#D9541C;

/* --- Neutral ramp: derived from #141414 / #8A8A85, warm-leaning --- */
--neutral-0:#FFFFFF;
--neutral-50:#FAFAF9;
--neutral-100:#F4F4F2;
--neutral-200:#E7E7E4;
--neutral-300:#D3D3CF;
--neutral-400:#B0B0AB;
--neutral-500:#8A8A85;
--neutral-600:#6A6A66;
--neutral-700:#4A4A47;
--neutral-800:#2A2A29;
--neutral-900:#1D1D1C;
--neutral-950:#141414;

/* --- Terracotta ramp (accent only) --- */
--terracotta-50:#FDF2ED;
--terracotta-100:#FADFD1;
--terracotta-200:#F3BB9F;
--terracotta-400:#E4763F;
--terracotta-500:#D9541C;
--terracotta-600:#B84314;
--terracotta-700:#8F3410;

/* --- Semantic status (used sparingly, never decoratively) --- */
--status-success:#2E7D5B;
--status-success-soft:#E8F2ED;
--status-warning:#B98314;
--status-warning-soft:#FBF2DE;
--status-danger:#B33A2B;
--status-danger-soft:#F8E9E6;
--status-info:#4A4A47;
--status-info-soft:#F4F4F2;

/* --- Semantic: light surfaces (default) --- */
--surface-page:var(--neutral-0);
--surface-subtle:var(--neutral-50);
--surface-card:var(--neutral-0);
--surface-sunken:var(--neutral-100);
--surface-inverse:var(--neutral-950);
--surface-accent:var(--terracotta-500);
--surface-accent-soft:var(--terracotta-50);

--text-primary:var(--neutral-950);
--text-secondary:var(--neutral-600);
--text-muted:var(--neutral-500);
--text-on-inverse:var(--neutral-0);
--text-on-inverse-secondary:#A9A9A3;
--text-on-accent:var(--neutral-0);
--text-accent:var(--terracotta-600);
--text-link:var(--terracotta-600);
--text-link-hover:var(--terracotta-700);

--border-subtle:var(--neutral-200);
--border-default:var(--neutral-300);
--border-strong:var(--neutral-950);
--border-inverse:rgba(255,255,255,.14);
--border-accent:var(--terracotta-500);

--focus-ring:var(--terracotta-500);
--overlay-scrim:rgba(20,20,20,.58);
}

/* Dark section / inverse scope — apply .kairo-dark on any container. */
.kairo-dark{
--surface-page:var(--neutral-950);
--surface-subtle:var(--neutral-900);
--surface-card:#1A1A19;
--surface-sunken:#101010;
--surface-inverse:var(--neutral-0);
--text-primary:var(--neutral-0);
--text-secondary:#A9A9A3;
--text-muted:#7C7C77;
--text-on-inverse:var(--neutral-950);
--text-accent:#E4763F;
--text-link:#E4763F;
--text-link-hover:#F3BB9F;
--border-subtle:rgba(255,255,255,.10);
--border-default:rgba(255,255,255,.18);
--border-strong:var(--neutral-0);
--focus-ring:#E4763F;
}