/* ==========================================================================
   FRIZA SMA Business Park — Design Tokens
   Sistema visual: "planta técnica" — inspirado no desenho de elevação
   (o próprio ativo do cliente) e nos materiais reais dos galpões:
   fachada em grafite, esquadrias pretas, vidro espelhado e piso de
   concreto queimado em tom terracota/areia.
   ========================================================================== */

:root {
  /* ---- Cor: paleta nomeada -------------------------------------------- */
  --ink-950:        #0e1524;   /* azul-prancheta profundo (traço do desenho) */
  --ink-900:        #16294b;  /* azul-prancheta principal */
  --ink-700:        #2c4370;
  --ink-500:        #56709e;
  --graphite-900:   #1a1c20;  /* fachada / esquadrias / treliças */
  --graphite-700:   #33363c;
  --graphite-500:   #63666d;
  --concrete-600:   #a9805a;  /* piso de concreto queimado, tom terracota-areia */
  --concrete-400:   #c9a67f;
  --concrete-200:   #e6d3ba;
  --paper-100:      #f1efe9;  /* papel de prancheta — off-white frio, não creme */
  --paper-050:      #f8f7f4;
  --paper-000:      #ffffff;
  --amber-signal:   #c7712c;  /* acento único — sinalização industrial */
  --amber-signal-soft: #e2a15f;
  --line-on-paper:  rgba(22, 41, 75, 0.16);
  --line-on-ink:    rgba(255, 255, 255, 0.18);
  --success-green:  #3d6b4f;

  /* ---- Tipografia -------------------------------------------------------
     Display: Archivo Expanded — grotesca alargada, postura de engenharia,
     usada com moderação em títulos.
     Corpo:   Inter — neutra, altíssima legibilidade em parágrafos técnicos.
     Técnica: IBM Plex Mono — cotas, códigos de unidade, legendas de dados,
     reforça a leitura de "desenho técnico" em toda a página.
  ------------------------------------------------------------------------ */
  --font-display: "Archivo Expanded", "Archivo", "Arial Narrow", sans-serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  --fs-000: 0.6875rem;   /* 11px — legendas mono, cotas */
  --fs-00: 0.8125rem;    /* 13px */
  --fs-0: 0.9375rem;     /* 15px */
  --fs-1: 1.0625rem;     /* 17px — corpo */
  --fs-2: 1.375rem;      /* 22px */
  --fs-3: 1.875rem;      /* 30px */
  --fs-4: 2.5rem;        /* 40px */
  --fs-5: 3.5rem;        /* 56px */
  --fs-6: 5rem;          /* 80px */
  --fs-7: 6.5rem;        /* 104px — headline hero desktop */

  --lh-tight: 1.03;
  --lh-snug: 1.2;
  --lh-normal: 1.55;

  /* ---- Layout ------------------------------------------------------------ */
  --sheet-margin: clamp(14px, 3vw, 40px);   /* margem da "folha de desenho" */
  --content-max: 1280px;
  --radius-0: 2px;
  --radius-1: 4px;
  --border-hair: 1px solid var(--line-on-paper);
  --border-hair-ink: 1px solid var(--line-on-ink);

  --ease-plot: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-slow: 900ms;
  --dur-med: 480ms;
  --dur-fast: 220ms;
}