/* NocStudioPro — tokens da linguagem visual (docs/PROJETO.md → Interface) */

@font-face { font-family: "Inter"; src: url("../fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-600.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }

:root {
  /* Fundo e superfícies */
  --fundo: #0B0B0B;
  --fundo-2: #111111;
  --superficie: #161616;
  --superficie-2: #1C1C1C;
  --superficie-3: #242424;
  --borda: rgba(255, 255, 255, 0.08);
  --borda-forte: rgba(255, 255, 255, 0.14);

  /* Texto */
  --texto: #F5F5F3;
  --texto-2: #B9B9B6;
  --apoio: #8A8A8A;
  --apagado: #5A5A5A;

  /* Destaque: provisório, trocável em Configurações para comparar */
  --destaque: #F2C94C;
  --destaque-texto: #141210;
  --destaque-brilho: rgba(242, 201, 76, 0.35);

  /* Estados */
  --ok: #7BD389;
  --erro: #FF6B5E;
  --aviso: #F2A94C;

  /* Vidro: só no que flutua sobre mídia */
  --vidro: rgba(10, 10, 10, 0.55);
  --vidro-borda: rgba(255, 255, 255, 0.09);
  --vidro-blur: 20px;

  /* Forma */
  --raio-s: 10px;
  --raio: 16px;
  --raio-g: 24px;
  --pilula: 999px;

  /* Tipografia */
  --fonte: "Helvetica Neue", Inter, Arial, sans-serif;  /* sem "Helvetica": no Windows ela vira Arial e passa na frente da Inter */
  --serifa: "Times New Roman", Times, serif;

  --t-xs: 11px;
  --t-s: 13px;
  --t-m: 15px;
  --t-l: 20px;
  --t-xl: 32px;
  --t-xxl: clamp(40px, 5.2vw, 72px);

  --sombra: 0 20px 60px rgba(0, 0, 0, 0.45);
  --transicao: 180ms cubic-bezier(.2, .7, .2, 1);
}