/* FULLTIME CONTENT — tokens (fonte: specs/design.md) */

@font-face { font-family: "SF Pro Display"; src: url("../assets/fonts/sf-pro-display-light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "SF Pro Display"; src: url("../assets/fonts/sf-pro-display-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "SF Pro Display"; src: url("../assets/fonts/sf-pro-display-medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "SF Pro Display"; src: url("../assets/fonts/sf-pro-display-semibold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "SF Pro Display"; src: url("../assets/fonts/sf-pro-display-bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  /* Identidade 2026-10-28: monocromática (branco, cinza, preto) + texturas */
  --white: #FFFFFF;
  --gray: #939393;
  --black: #1C1C1C;

  /* Nomes antigos mantidos como aliases para não quebrar componentes */
  --brand-orange: var(--white);          /* destaque principal = branco */
  --brand-gray: var(--gray);
  --brand-black-texture: var(--black);
  --grad-orange: linear-gradient(180deg, #B6B6B6 0%, #9D9D9D 100%);

  --bg: var(--black);
  --bg-deep: #161616;
  --surface: #242424;
  --line: rgba(255, 255, 255, .1);
  --offwhite: var(--white);
  --text-muted: var(--gray);
  --accent-text: var(--gray);
  --orange-dark: var(--gray);            /* destaque em fundo claro (texto grande) */
  --orange-hover: #E6E6E6;
  --text-dark: var(--black);
  --text-dark-muted: #5E5E5E;
  --on-orange: var(--black);

  --tex-preto: url("../assets/img/tex-preto.webp");
  --tex-preto-grad: url("../assets/img/tex-preto-grad.webp");
  --tex-concreto: url("../assets/img/tex-concreto.webp");
  --tex-cinza: url("../assets/img/tex-cinza.webp");

  /* Tipografia */
  --font-sans: "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fs-display: clamp(44px, 7.2vw, 112px);
  --fs-h1: clamp(36px, 5vw, 72px);
  --fs-h2: clamp(28px, 3.4vw, 48px);
  --fs-h3: clamp(20px, 2vw, 28px);
  --fs-lead: clamp(18px, 1.5vw, 22px);
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-eyebrow: 12.5px;
  --fs-stat: clamp(48px, 6vw, 88px);

  /* Espaço (base 4) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px;
  --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px; --s-11: 160px;
  --section-y: clamp(96px, 12vw, 160px);
  --gutter: clamp(20px, 5vw, 80px);
  --container: 1280px;

  /* Bordas */
  --r-img: 10px;
  --r-card: 12px;
  --r-pill: 999px;

  /* Movimento */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: 700ms;

  --header-h: 76px;
}