/* ============================================================
   ROSH — Moving Images · Zürich
   Base PRETA + laranja nos detalhes
   "papel preto, tinta creme": --paper é o fundo, --ink é o texto
   Syne: SÓ no logotipo. Textos em Archivo.
   ============================================================ */

:root{
  /* laranja — igual ao reagir */
  --soleil:#F5A623;    /* destaques, palavra em evidência */
  --ambre:#E0862B;     /* hover, ícones */
  --braise:#C0490F;    /* botões, números, o bloco de respiro */

  /* base preta (levemente quente, para casar com o laranja) */
  --paper:#0B0908;     /* fundo base */
  --paper-2:#16120F;   /* cards */
  --surface:#131010;   /* faixas e superfícies elevadas */

  /* tinta creme */
  --ink:#F1EBE1;                    /* texto principal */
  --ink-soft:rgba(241,235,225,.64); /* texto secundário */
  --ink-faint:rgba(241,235,225,.40);/* metadados */
  --line:rgba(241,235,225,.13);     /* linhas e bordas */

  /* sobre laranja */
  --on-orange:#FFF6EA;
  --on-orange-soft:rgba(255,246,234,.88);
  --line-orange:rgba(255,246,234,.34);

  /* gradiente "Coucher" — reservado ao bloco de respiro */
  --coucher:linear-gradient(180deg,#7E2E08 0%,#A83D0C 26%,#C0490F 50%,#E0862B 82%,#F5A623 100%);

  /* tipografia */
  --logo:'Syne',system-ui,sans-serif;       /* exclusivo do logotipo */
  --display:'Archivo',system-ui,sans-serif; /* títulos 700/800 */
  --body:'Archivo',system-ui,-apple-system,sans-serif;

  --radius:22px;
  --pad:clamp(20px,4vw,64px);
}

.t-logo{font-family:var(--logo);font-weight:800;letter-spacing:.16em}
.t-display{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.03}
.t-body{font-family:var(--body);font-weight:400;line-height:1.65}
.t-label{
  font-family:var(--body);font-weight:600;
  font-size:clamp(10px,1vw,12px);
  letter-spacing:.26em;text-transform:uppercase;
}