/* v3 design tokens — fuente: DESIGN-SYSTEM.md. Catálogo cerrado: no añadir valores sin pasar por el spec. */
:root{
  /* texto */
  --c-ink:#17241c; --c-body:#3d4a42; --c-secondary:#5c6b62; --c-muted:#8a978f; --c-disabled:#a3aca6;
  /* marca */
  --c-brand:#2e8b57; --c-brand-hover:#27784b; --c-green-text:#1e5c3a; --c-green-ink:#17311f;
  /* tintes verdes */
  --c-tint-selected:#f4faf6; --c-tint-badge:#e7f3ec; --c-border-success:#bfe3cd;
  /* neutros */
  --c-page:#f6f7f6; --c-inset:#fbfcfb; --c-divider:#eef0ee; --c-border-card:#e3e8e4; --c-border-chip:#e7ebe8; --c-border-input:#d5dbd6; --c-border-control:#b9c4bd;
  /* ámbar / rojo */
  --c-amber-bg:#fffdf4; --c-amber-border:#ecdf9e; --c-amber-text:#5c4400;
  --c-error:#c0392b; --c-error-bg:#fdf1ef; --c-error-border:#ecc4bc; --c-urgent:#a4392a; --c-urgent-bg:#ffe9e5;
  /* dark */
  --c-dark-check:#7fd6a3; --c-dark-muted:#9dbca7;
  /* blanco / overlays sobre fondo oscuro (addendum Task 5 — topbar y header con blur) */
  --c-white:#fff;
  --c-white-a12:rgba(255,255,255,.12); --c-white-a20:rgba(255,255,255,.2); --c-white-a70:rgba(255,255,255,.7); --c-white-a80:rgba(255,255,255,.8); --c-white-a92:rgba(255,255,255,.92);
  /* overlay oscuro (Task 8 — modal): --c-ink a 45% alpha */
  --c-ink-a45:rgba(23,36,28,.45);
  /* gradientes (catálogo cerrado) */
  --g-cta:linear-gradient(180deg,#35a065,#297a4d);
  --g-gold:linear-gradient(180deg,#ffe396,#f7cd6b);
  --g-dark-card:linear-gradient(168deg,#1d3d27 0%,#122a19 100%);
  /* sombras (solo estas tres) */
  --sh-cta:0 5px 16px rgba(46,139,87,.26);
  --sh-cta-hover:0 7px 20px rgba(46,139,87,.32);
  --sh-pop:0 12px 32px rgba(23,49,31,.14);
  --sh-row:0 2px 10px rgba(23,49,31,.07);
  --sh-focus:0 0 0 3px rgba(46,139,87,.12);
  /* radios */
  --r-card:16px; --r-sub:12px; --r-btn:10px; --r-input:8px; --r-logo:7px; --r-check:6px; --r-pill:20px;
  /* tipografía */
  --font-heading:'Bricolage Grotesque',sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;
}