/* Design tokens — TOAST agência
   Fonte: MINI MANUAL TOAST.pdf */

@font-face {
  font-family: "Helvetica Inserat Roman";
  src: url("../assets/fonts/helvetica-inserat-roman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Grifter";
  src: url("../assets/fonts/grifter-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Indiana Script";
  src: url("../assets/fonts/indiana-script.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Cores da marca */
  --color-orange: #FE3A00;
  --color-pink: #ECA1C3;
  --color-lime: #E9FF0F;
  --color-black: #000000;
  --color-white: #FFFFFF;

  /* Papéis semânticos (ajustar conforme o redesign avança) */
  --color-bg: var(--color-white);
  --color-fg: var(--color-black);
  --color-accent: var(--color-orange);

  /* Tipografia — famílias */
  --font-title: "Helvetica Inserat Roman", Impact, "Arial Narrow Bold", sans-serif;
  --font-subtitle: "Grifter", Arial, sans-serif;
  --font-text: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-detail: "Indiana Script", cursive;

  /* Tipografia — tracking (convertido do manual: unidade /1000 em).
     Valor original do manual (-0.058em) fica ilegível em títulos grandes
     no navegador — suavizado pra manter a leitura sem perder o aperto. */
  --tracking-title: -0.02em;
  --tracking-subtitle: 0.012em;
  --tracking-text: 0em;
  --tracking-detail: 0em;

  /* Espaçamento base */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;

  /* Layout */
  --header-height: 64px;
  --content-max: 1100px;

  /* Motion */
  --ease-swift: 0.15s ease;
  --ease-smooth: 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  /* Mesma curva do --ease-smooth, duração maior — pra revelações full-screen
     (overlay de case), onde 0.22s é rápido demais pro tamanho do movimento. */
  --ease-overlay: 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}