/* ============================================================
   Dizarro — tokens (cor · tipo · medidas)
   Conceito visual: "folha de projeto". Grafite + papel + azul de
   blueprint, com UMA cor forte — laranja de obra.
   ============================================================ */

:root {
  /* superfícies / texto (modo claro) */
  --paper:       #F2F3EF;
  --paper-2:     #E9EBE4;
  --ink:         #15181C;
  --graphite:    #4B5158;
  --line:        #D3D5CD;

  /* cor de acção (uma só) */
  --hivis:       #EF4A11;
  --hivis-ink:   #1A1206;

  /* azul de desenho técnico — superfícies quietas, nunca como acento */
  --blueprint:      #1C3F72;
  --blueprint-soft: rgba(28,63,114,.10);

  --focus:       #EF4A11;

  /* semânticas (distintas do acento) */
  --ok:      #1F7A43;
  --warn:    #B4690E;
  --err:     #C22F1B;

  /* tipos */
  --f-display: 'Archivo', 'Arial Narrow', system-ui, sans-serif;
  --f-body:    'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono:    'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* escala tipográfica */
  --t--1: .8rem;
  --t-0:  1rem;
  --t-1:  1.15rem;
  --t-2:  clamp(1.4rem, 1.1rem + 1.4vw, 2rem);
  --t-3:  clamp(1.8rem, 1.3rem + 2.4vw, 2.9rem);
  --t-4:  clamp(2.6rem, 1.6rem + 5vw, 5.1rem);

  /* medidas */
  --sheet: 1180px;
  --gutter: clamp(1.15rem, 4vw, 3.25rem);
  --nav-h: 60px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:     #0D1114;
    --paper-2:   #131A20;
    --ink:       #ECEEE8;
    --graphite:  #9AA1A8;
    --line:      #212A31;
    --hivis:     #FF5A22;
    --hivis-ink: #180E04;
    --blueprint: #8FB6E8;
    --blueprint-soft: rgba(143,182,232,.09);
    --focus:     #FF5A22;
    --ok:   #4BAF73;
    --warn: #E0A44A;
    --err:  #E8664F;
  }
}

:root[data-theme="dark"] {
  --paper:     #0D1114;
  --paper-2:   #131A20;
  --ink:       #ECEEE8;
  --graphite:  #9AA1A8;
  --line:      #212A31;
  --hivis:     #FF5A22;
  --hivis-ink: #180E04;
  --blueprint: #8FB6E8;
  --blueprint-soft: rgba(143,182,232,.09);
  --focus:     #FF5A22;
  --ok:   #4BAF73;
  --warn: #E0A44A;
  --err:  #E8664F;
}