/* Fólio: tokens da marca. Vale para a landing, o painel e as vitrines.
   Fonte da verdade: Brand Brief (paleta Profunda, movimento). Letras da landing: Plus Jakarta Sans nos títulos,
   no preço e nos botões principais, Inter nos textos, Young Serif no logo e na frase do PDF. */

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter: textos, botões, menus e telinhas (versão variável, pesos 400 a 700, só caracteres latinos) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Young Serif: a letra do logo (que é SVG), a frase do PDF no topo e as telinhas do produto (ex.: "Seus números" do painel). */
@font-face {
  font-family: 'Young Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/young-serif-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* paleta Profunda */
  --navy: #121A47;
  --navy-2: #1C2660;
  --navy-3: #2A3577;
  --teal: #13857A;
  --teal-text: #0F6E65;      /* turquesa para texto em fundo claro (contraste AA) */
  --teal-light: #2EC4B6;     /* acento em seções escuras */
  --teal-tint: #E3F0EE;
  --lime: #A9C82F;           /* nunca como texto em fundo claro */
  --lime-2: #D7F75B;         /* acento em seções escuras */
  --off: #F2F1EA;
  --white: #FFFFFF;
  --cream: #F4F4EE;
  --ink: #0A0E24;
  --gray: #474A5E;
  --soft: #B9BEDA;
  --soft-2: #D5D8E8;
  --line: #E3E1D6;
  --line-2: #ECEBE3;
  --line-3: #D2D0C3;

  /* cores com função fixa (números do painel) */
  --c-views: #3B6FD8;
  --c-likes: #F08A8D;
  --c-orders: #13857A;
  --c-growth: #437A19;
  --warn-bg: #F9EEDA;
  --warn: #8A4A14;
  --amber: #C2702A;
  --danger: #A3333D;

  /* tipografia */
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;            /* tudo, menos os títulos */
  --display: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; /* títulos, preço e botões principais da landing */
  --serif: 'Young Serif', Georgia, 'Times New Roman', serif;                                      /* toque de marca nas telinhas do painel */
  --fs-hero: clamp(40px, 5.2vw, 56px);
  --fs-h2: clamp(28px, 3vw, 32px);
  --fs-h3: clamp(20px, 2vw, 22px);
  --fs-body: 16px;
  --fs-small: 14px;
  --ls-title: -0.02em;

  /* estilo iPhone: separador fino, preenchimento cinza translúcido e vidro */
  --sep: rgba(60, 60, 67, .22);
  --fill: rgba(118, 118, 128, .12);
  --glass: rgba(242, 241, 234, .8);
  --blur: blur(22px) saturate(1.8);

  /* cantos */
  --r-sm: 12px;
  --r: 18px;
  --r-lg: 24px;

  /* movimento: curvas de saída fortes, quase tudo abaixo de 300 ms */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-move: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --press: 160ms;
}