/* ============================================================
   PRO CHALK — Design tokens (identidade propria)
   Atletico, alto contraste, energia do magnesio.
   ============================================================ */
/* Ezra Bold — fonte das headlines (arquivo do cliente, hospedado no projeto).
   Bold real (peso 700). O range 100-900 diz ao browser que esta face cobre
   todos os pesos, entao ele usa o desenho real em vez de engrossar
   sinteticamente (faux bold) quando o CSS pede 800. */
@font-face {
  font-family: "Ezra";
  src: url("/assets/fonts/ezra-bold.woff2") format("woff2"),
       url("/assets/fonts/ezra-bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* GC Vank: headline anterior. Fica declarada (sem uso o browser nao baixa),
   pra voltar atras trocando so a variavel --font-headline abaixo. */
@font-face {
  font-family: "GC Vank";
  src: url("/assets/fonts/gc-vank.woff2") format("woff2"),
       url("/assets/fonts/gc-vank.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Cores base */
  --pc-black: #0B0B0C;
  --pc-ink: #161619;
  --pc-graphite: #26262B;
  --pc-white: #F7F6F2;   /* off-white "magnesio" */
  --pc-paper: #FFFFFF;

  /* Accents da marca */
  --pc-orange: #E16934;  /* laranja da marca */
  --pc-orange-600: #CB531E;  /* hover (mais escuro) */
  --pc-orange-300: #E7865B;  /* mais claro, para uso sobre fundo escuro */
  --pc-orange-text: #E16934; /* mesmo laranja da marca, a pedido do cliente (sobre
                                fundo claro rende 3.1:1, abaixo do AA de 4.5:1) */
  --pc-highlight: rgba(225, 105, 52, 0.22); /* marca-texto */
  --pc-pink: #FF3E8C;    /* edicao limitada (rosa) */

  /* Texto */
  --pc-text: #16161A;
  --pc-text-soft: #4B4B52;
  --pc-text-mute: #8A8A92;
  --pc-text-invert: #F7F6F2;
  --pc-text-invert-soft: #B9B9C0;

  /* Linhas / superficies */
  --pc-line: #E7E6E1;
  --pc-line-dark: #2C2C32;
  --pc-surface: #F2F1EC;

  /* Tipografia */
  --font-headline: "Ezra", "Oswald", "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; /* headlines (h1-h4 e titulos de secao) */
  --font-display: "Oswald", "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-hero: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Escala fluida */
  --step--1: clamp(0.83rem, 0.78rem + 0.2vw, 0.94rem);
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.13rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3: clamp(2rem, 1.6rem + 2vw, 3.2rem);
  --step-4: clamp(2.6rem, 1.9rem + 3.4vw, 4.6rem);
  --step-5: clamp(3.2rem, 2.2rem + 5vw, 6.4rem);

  /* Espaco / raio / sombra */
  --container: 1240px;
  --gutter: clamp(1.25rem, 4vw, 2.75rem);
  --radius: 16px;
  --radius-lg: 28px;
  --shadow-sm: 0 2px 8px -2px rgba(11, 11, 12, 0.12);
  --shadow-md: 0 18px 40px -18px rgba(11, 11, 12, 0.28);
  --shadow-lg: 0 40px 80px -30px rgba(11, 11, 12, 0.45);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}