:root{
/* ---- Concreto (neutrals, warm-leaning) ---- */
--concrete-0:#FFFFFF;
--concrete-50:#FBF9F6;
--concrete-100:#F4F1EC;
--concrete-200:#E7E2D9;
--concrete-300:#D3CCC1;
--concrete-400:#ADA69B;
--concrete-500:#857E74;
--concrete-600:#5E5952;
--concrete-700:#3A3733;
--concrete-800:#22201E;
--concrete-900:#141311;
--concrete-950:#0B0A09;

/* ---- Ámbar de obra (brand accent) ---- */
--amber-100:#F8ECDC;
--amber-200:#F0D5B4;
--amber-300:#E3AC70;
--amber-400:#D2872F;
--amber-500:#C2701C;
--amber-600:#9E5713;
--amber-700:#7A420F;

/* ---- Plano (technical blue, used sparingly: links, diagrams, data) ---- */
--blueprint-100:#E4EDF3;
--blueprint-400:#4A7EA1;
--blueprint-500:#2F5D7C;
--blueprint-700:#1D3D53;

/* ---- Estado ---- */
--state-success:#3F7D4E;
--state-success-soft:#E7F0E8;
--state-warning:#C2701C;
--state-warning-soft:#F8ECDC;
--state-danger:#A33325;
--state-danger-soft:#F6E5E2;
--state-info:#2F5D7C;
--state-info-soft:#E4EDF3;

/* ---- Semantic: text ---- */
--text-strong:var(--concrete-900);
--text-body:var(--concrete-700);
--text-muted:var(--concrete-500);
--text-faint:var(--concrete-400);
--text-accent:var(--amber-600);
--text-inverse:var(--concrete-0);
--text-inverse-muted:rgba(255,255,255,.62);
--text-inverse-faint:rgba(255,255,255,.42);
--text-link:var(--concrete-900);
--text-link-hover:var(--amber-600);

/* ---- Semantic: surfaces ---- */
--surface-page:var(--concrete-50);
--surface-raised:var(--concrete-0);
--surface-sunken:var(--concrete-100);
--surface-card:var(--concrete-0);
--surface-inverse:var(--concrete-900);
--surface-inverse-raised:var(--concrete-800);
--surface-inverse-sunken:var(--concrete-950);
--surface-accent:var(--amber-500);
--surface-accent-soft:var(--amber-100);
--surface-scrim:rgba(11,10,9,.58);
--surface-glass:rgba(255,255,255,.08);

/* ---- Semantic: borders ---- */
--border-subtle:var(--concrete-200);
--border-default:var(--concrete-300);
--border-strong:var(--concrete-400);
--border-inverse:rgba(255,255,255,.12);
--border-inverse-strong:rgba(255,255,255,.22);
--border-accent:var(--amber-500);

/* ---- Semantic: interactive ---- */
--accent:var(--amber-500);
--accent-hover:var(--amber-600);
--accent-press:var(--amber-700);
--accent-contrast:var(--concrete-0);
--focus-ring:var(--amber-500);

/* ---- Photo treatment scrims ---- */
--scrim-hero:linear-gradient(90deg,rgba(11,10,9,.90) 0%,rgba(11,10,9,.72) 38%,rgba(11,10,9,.18) 78%,rgba(11,10,9,.30) 100%);
--scrim-bottom:linear-gradient(180deg,rgba(11,10,9,0) 0%,rgba(11,10,9,.78) 100%);
--scrim-flat:linear-gradient(180deg,rgba(11,10,9,.62) 0%,rgba(11,10,9,.62) 100%);
}