:root{
/* ── Base: institutional ── */
--hz-lime:#ccff03;
--hz-lime-2:#ccff02;
--hz-black:#000000;
--hz-white:#ffffff;

/* ── Base: neutral ramp (brand guide p.9, 9 steps light→dark) ── */
--hz-grey-50:#f7f7f7;
--hz-grey-100:#e6e8e7;
--hz-grey-200:#d2d4d3;
--hz-grey-300:#bdbfbe;
--hz-grey-350:#b6b6b6;
--hz-grey-400:#a7a8ac;
--hz-grey-500:#95949a;
--hz-grey-600:#818286;
--hz-grey-700:#6e6e70;
--hz-grey-800:#59585d;
--hz-grey-850:#464646;
--hz-grey-900:#404042;
--hz-grey-950:#1a1a1a;

/* ── Base: support colours (brand guide p.10) ── */
--hz-orange:#ff3600;
--hz-purple:#5437af;
--hz-blue:#000ec3;
--hz-cyan:#00fcff;

/* ── Base: brand-attribute gradients (brand guide p.11) ── */
--hz-gradient-gentil:linear-gradient(90deg,#ccff03 0%,#ff3600 100%); /* @kind color */
--hz-gradient-conectada:linear-gradient(90deg,#ccff03 0%,#5437af 100%); /* @kind color */
--hz-gradient-responsavel:linear-gradient(90deg,#ccff03 0%,#000ec3 100%); /* @kind color */
--hz-gradient-especialista:linear-gradient(90deg,#ccff03 0%,#00fcff 100%); /* @kind color */

/* ── Semantic: surfaces (dark is the default brand surface) ── */
--surface-page:var(--hz-black);
--surface-raised:#0a0a0a;
--surface-card:#0d0d0d;
--surface-inset:var(--hz-grey-950);
--surface-inverse:var(--hz-white);
--surface-muted:var(--hz-grey-50);
--surface-accent:var(--hz-lime);
--surface-overlay:rgba(0,0,0,.72);

/* ── Semantic: text ── */
--text-primary:var(--hz-white);
--text-secondary:var(--hz-grey-350);
--text-muted:var(--hz-grey-700);
--text-accent:var(--hz-lime);
--text-on-accent:var(--hz-black);
--text-on-light:var(--hz-black);
--text-on-light-secondary:var(--hz-grey-850);

/* ── Semantic: lines ── */
--border-subtle:rgba(255,255,255,.10);
--border-default:rgba(255,255,255,.20);
--border-strong:var(--hz-grey-700);
--border-accent:var(--hz-lime);
--border-on-light:var(--hz-grey-200);
--grid-line:rgba(255,255,255,.055);

/* ── Semantic: state ── */
--state-hover-tint:rgba(204,255,3,.12);
--state-disabled-fg:var(--hz-grey-700);
--state-focus-ring:var(--hz-lime);
--state-success:var(--hz-lime);
--state-danger:var(--hz-orange);
--state-info:var(--hz-cyan);
}

/* Light scope — stationery, documents, light sections */
.hz-light{
--surface-page:var(--hz-white);
--surface-raised:var(--hz-grey-50);
--surface-card:var(--hz-white);
--surface-inset:var(--hz-grey-100);
--surface-inverse:var(--hz-black);
--text-primary:var(--hz-black);
--text-secondary:var(--hz-grey-850);
--text-muted:var(--hz-grey-500);
--text-accent:var(--hz-grey-850);
--border-subtle:rgba(0,0,0,.08);
--border-default:var(--hz-grey-200);
--border-strong:var(--hz-grey-400);
--grid-line:rgba(0,0,0,.05);
}