/* ARROW — design tokens (fonte única para o site oficial)
   Fontes: Google Fonts
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap" rel="stylesheet"> */

:root {
  /* cores — paleta oficial do Project Book */
  --arrow-yellow: #ffd100;
  --arrow-yellow-hover: #ffdc33;
  --arrow-black: #0a0a0a;   /* deep black — fundo principal */
  --arrow-off: #111111;     /* off black — superfícies */
  --arrow-graphite: #1c1c1c;/* cards, painéis */
  --arrow-gray: #444444;    /* bordas fortes, ícones inativos */
  --arrow-line: rgba(255, 255, 255, 0.12);
  --arrow-muted: #a3a3a3;   /* texto secundário (AA sobre #0a0a0a) */
  --arrow-offwhite: #f5f5f5;
  --arrow-white: #ffffff;

  /* tipografia */
  --font-display: "Manrope", "Avenir Next", system-ui, sans-serif;
  --font-text: "Inter", system-ui, sans-serif;

  /* escala (fluida) */
  --fs-hero: clamp(2.75rem, 6.4vw, 6rem);
  --fs-h2: clamp(2rem, 4vw, 3.5rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.625rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.75rem;

  --tracking-display: -0.02em; /* títulos em caixa alta */
  --tracking-tagline: 0.28em;  /* BUILDING A NEW GENERATION. */
  --tracking-eyebrow: 0.18em;

  /* espaço e forma */
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;
  --pad: clamp(20px, 4.4vw, 84px);
  --maxw: 1320px;
}

/* padrões de texto da marca */
.arrow-display {
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tracking-display);
  line-height: 1.02;
}
.arrow-display em { font-style: normal; color: var(--arrow-yellow); }

.arrow-tagline {
  font-family: var(--font-display);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tracking-tagline);
}

.arrow-eyebrow {
  font-family: var(--font-text);
  font-weight: 600;
  font-size: var(--fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: var(--tracking-eyebrow);
  color: var(--arrow-yellow);
}