/* SENHOR DOS SISTEMAS — tokens.
   Extraídos do design system da marca (assets/styles.css do brandbook) e do
   Brand Concept. Paleta idêntica à da Quiso Lab — as duas marcas compartilham
   Preto Grafite / Branco / Amarelo Vibrante — mas a tipografia é outra:
   Oswald no display, JetBrains Mono nos rótulos técnicos, Instrument Sans no
   corpo. A proporção pedida pela marca é 70% grafite, 25% branco, 5% amarelo:
   o amarelo é sinal, nunca superfície. */

/* ---------------------------------------------------------------- Fontes */
/* Oswald — display. Condensada, bold, caixa alta, tracking apertado. */
@font-face{font-family:'Oswald';src:url("../assets/fonts/oswald-latin.woff2") format('woff2');font-weight:200 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Oswald';src:url("../assets/fonts/oswald-latin-ext.woff2") format('woff2');font-weight:200 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* JetBrains Mono — rótulos técnicos, eyebrows, botões. Caixa alta, tracking largo. */
@font-face{font-family:'JetBrains Mono';src:url("../assets/fonts/jetbrains-mono-latin.woff2") format('woff2');font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'JetBrains Mono';src:url("../assets/fonts/jetbrains-mono-latin-ext.woff2") format('woff2');font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* Instrument Sans — corpo. Reaproveitada do site principal, mesmo deploy. */
@font-face{font-family:'Instrument Sans';src:url("../../assets/fonts/instrument-sans-latin.woff2") format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Instrument Sans';src:url("../../assets/fonts/instrument-sans-latin-ext.woff2") format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  /* -------------------------------------------------------------- Cores */
  --c-surface:#1A1A1A;      /* Preto Grafite — base, autoridade técnica */
  --c-soft:#2A2A2A;         /* superfície elevada */
  --c-deep:#141414;         /* seção recuada */
  --c-white:#FFFFFF;        /* clareza, contraste */
  --c-accent:#FFD100;       /* Amarelo Vibrante — sinal, 5% da composição */
  --c-accent-dim:#E6BC00;

  /* Tintas sobre o grafite. Os níveis de texto passam AA sobre --c-surface. */
  --t-strong:#FFFFFF;
  --t-body:rgba(255,255,255,.82);
  --t-muted:rgba(255,255,255,.66);
  --t-faint:rgba(255,255,255,.54);
  --t-ghost:rgba(255,255,255,.06);   /* só ornamento, nunca texto legível */
  --hairline:rgba(255,255,255,.12);
  --hairline-2:rgba(255,255,255,.28);
  --grid-line:rgba(255,255,255,.02);

  /* --------------------------------------------------------- Tipografia */
  --f-display:'Oswald',Impact,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,monospace;
  --f-body:'Instrument Sans',system-ui,sans-serif;

  --fs-mono:12px;           /* rótulo técnico */
  --fs-sm:14px;
  --fs-body:16px;
  --fs-lg:18px;
  --fs-lede:21px;
  --fs-h3:24px;
  --fs-h2:44px;
  --fs-h1:76px;

  --ls-mono:.22em;          /* a marca traça os rótulos bem largos */
  --ls-display:-.01em;      /* e aperta o display */

  /* ------------------------------------------------------------ Espaço */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
  --sp-20:80px; --sp-24:96px; --sp-32:128px;
  --largura:1200px;
  --gutter:40px;

  /* ------------------------------------------------------- Efeitos */
  --raio:999px;             /* a marca usa pílulas nos controles */
  --raio-card:4px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-fast:200ms;
  --dur-base:400ms;
  --glow:0 0 0 1px rgba(255,209,0,.30),0 0 24px rgba(255,209,0,.14),0 4px 20px rgba(0,0,0,.25);
  --glow-ring:0 0 0 1px rgba(255,209,0,.15),0 0 40px rgba(255,209,0,.08),0 0 80px rgba(255,209,0,.04);
}