/* ═══════════════════════════════════════════════════════════════
   ADA CORE · Design System — "Swiss Technical"
   International-typographic style: paper + ink + one signal accent,
   one grotesk, one mono, hairline rules, flat surfaces, no glow.
   Written to be promotable to a site-wide token file.
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* ── Paper & ink ──────────────────────────────────────────────
     Warm off-white paper, warm near-black ink (never pure #000). */
  --paper:        #F3F1EA;   /* page background                     */
  --paper-2:      #ECE9E0;   /* recessed panels / alt rows          */
  --surface:      #FBFAF6;   /* raised fields / cards (no shadow)   */
  --ink:          #16130E;   /* primary text & strong rules         */
  --ink-soft:     #46413A;   /* body copy                           */
  --ink-mute:     #6E685E;   /* captions, secondary                 */

  /* ── The single accent: signal vermilion ─────────────────────
     Used only for CTAs, the active rule, links-on-hover, and the
     section index. Deliberately NOT a default blue. */
  --signal:       #E1462B;
  --signal-deep:  #BE3315;   /* hover / pressed                     */
  --signal-wash:  rgba(225,70,43,0.10);

  /* ── Category palette ─────────────────────────────────────────
     Colors the "blocks" graphic and its callouts. The signal red
     stays the primary brand accent; these are the ecosystem hues. */
  --cat-1:        #E1462B;   /* Modelo de blocos  (acento/marca)    */
  --cat-2:        #1565C0;   /* Transição         (azul)            */
  --cat-3:        #00838F;   /* Transparência     (teal)            */
  --cat-4:        #D98A00;   /* Risco             (âmbar)           */
  --cat-5:        #2E7D32;   /* Conformidade      (verde)           */
  --cat-6:        #5C6BC0;   /* Parceiros         (índigo)          */

  /* ── On dark (the inverted "band": ink ground, paper figures) ── */
  --on-ink:       rgba(243,241,234,0.70);   /* muted text on ink    */
  --rule-on-ink:  rgba(243,241,234,0.16);   /* hairline on ink      */

  /* ── Structural rules (the grid you can see) ─────────────────── */
  --rule:         rgba(22,19,14,0.16);   /* hairline dividers       */
  --rule-strong:  rgba(22,19,14,0.42);   /* emphasized borders      */

  /* ── Semantic (muted, kept distinct from the brand accent) ───── */
  --ok:           #2E6F4E;
  --ok-wash:      rgba(46,111,78,0.10);
  --err:          #A32414;
  --err-wash:     rgba(163,36,20,0.08);

  /* ── Type ─────────────────────────────────────────────────────
     One grotesk for everything, one mono for technical labels. */
  --font-sans:    'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ── Layout ───────────────────────────────────────────────────
     A real margin, not a centered pill. Header is a fixed band. */
  --measure:      1280px;    /* content max-width                   */
  --pad-x:        clamp(1.25rem, 5vw, 5.5rem);
  --header-h:     68px;

  /* ── Motion: short, linear-ish, no springy lift ─────────────── */
  --t-fast:       120ms;
  --t-base:       200ms;
  --ease:         cubic-bezier(0.2, 0, 0.1, 1);
}