:root{
/* ---- Brand core (sampled from the official logo artwork) ---- */
--celta-amber:#FFC102;        /* gradient light end  */
--celta-orange:#F78D2D;       /* gradient dark end   */
--celta-orange-deep:#E07B14;  /* pressed / hover ink */
--celta-ink:#201E1E;          /* wordmark black      */
--celta-white:#FFFFFF;

/* ---- Signature gradient (the "C" ring) ---- */
--celta-gradient:linear-gradient(140deg,#F78D2D 0%,#FFC102 100%); /* @kind color */
--celta-gradient-rev:linear-gradient(140deg,#FFC102 0%,#F78D2D 100%); /* @kind color */
--celta-gradient-h:linear-gradient(90deg,#F78D2D 0%,#FFC102 100%); /* @kind color */

/* ---- Amber ramp ---- */
--amber-50:#FFF8E3;
--amber-100:#FFEEB8;
--amber-200:#FFE083;
--amber-300:#FFD24E;
--amber-400:#FFC102;
--amber-500:#F9AE12;
--amber-600:#F78D2D;
--amber-700:#E07B14;
--amber-800:#B45F09;
--amber-900:#7A4004;

/* ---- Neutral ramp (warm-shifted greys, tuned to the #201E1E ink) ---- */
--neutral-0:#FFFFFF;
--neutral-50:#F7F6F5;
--neutral-100:#EFEDEC;
--neutral-200:#DFDCDA;
--neutral-300:#C4C0BE;
--neutral-400:#9A9694;
--neutral-500:#767271;
--neutral-600:#565251;
--neutral-700:#3B3837;
--neutral-800:#2A2726;
--neutral-900:#201E1E;
--neutral-950:#151313;

/* ---- Semantic status ---- */
--status-armed:#1F9D55;       /* sistema armado / OK        */
--status-armed-soft:#E6F5EC;
--status-alert:#D93025;       /* alarma / crítico           */
--status-alert-soft:#FBE9E7;
--status-warn:#F9AE12;        /* atención / batería baja    */
--status-warn-soft:#FFF4DC;
--status-info:#1F6FEB;        /* informativo / conectividad */
--status-info-soft:#E7F0FE;
--status-offline:#767271;      /* sin señal                  */
--status-offline-soft:#EFEDEC;

/* ---- Semantic aliases ---- */
--text-strong:var(--neutral-900);
--text-body:var(--neutral-700);
--text-muted:var(--neutral-500);
--text-faint:var(--neutral-400);
--text-inverse:var(--neutral-0);
--text-accent:var(--amber-700);
--text-on-accent:var(--neutral-900);
--text-link:var(--amber-700);
--text-link-hover:var(--amber-800);

--surface-page:var(--neutral-50);
--surface-card:var(--neutral-0);
--surface-sunken:var(--neutral-100);
--surface-inverse:var(--neutral-900);
--surface-inverse-raised:var(--neutral-800);
--surface-accent:var(--amber-400);
--surface-accent-soft:var(--amber-50);

--border-subtle:var(--neutral-200);
--border-default:var(--neutral-300);
--border-strong:var(--neutral-900);
--border-accent:var(--amber-400);
--border-inverse:rgba(255,255,255,.14);

--focus-ring:var(--amber-600);
--overlay-scrim:rgba(21,19,19,.62);
}

/* Dark surface scope: drop this class on any container that sits on ink. */
.celta-dark{
--text-strong:var(--neutral-0);
--text-body:rgba(255,255,255,.78);
--text-muted:rgba(255,255,255,.56);
--text-faint:rgba(255,255,255,.38);
--text-inverse:var(--neutral-900);
--text-accent:var(--amber-400);
--surface-page:var(--neutral-900);
--surface-card:var(--neutral-800);
--surface-sunken:var(--neutral-950);
--surface-inverse:var(--neutral-0);
--border-subtle:rgba(255,255,255,.10);
--border-default:rgba(255,255,255,.18);
--border-strong:var(--neutral-0);
}