/* Tokens da Karina Corretora de Seguros, gerados a partir de docs/tokens-originais.json
 * (karina-tokens.json v2.0 do brand book). NAO inventar valor aqui: se faltar algo, o
 * lugar de decidir e o brand system, nao este arquivo.
 *
 * Correcao aplicada em 2026-08-28: o JSON original escreve as linhas de produto como
 * "KCS Auto", "KCS Residencial"... O usuario confirmou que a sigla e KS, nao KCS - os
 * proprios icones do brand book ja usam ks-auto, ks-residencia. Aqui e KS em tudo.
 */

:root {
  /* ---- Cor -------------------------------------------------------------- */
  --ks-ink: #2B2724;
  --ks-ink-soft: #5C5450;
  --ks-gold-shadow: #A87F3A;
  --ks-gold-deep: #C29A4F;
  --ks-gold: #D2AE6D;
  --ks-gold-light: #E0C58D;
  --ks-gold-glow: #F8EEC5;
  --ks-gold-text: #8A6B2A;   /* ouro legivel sobre claro: use ESTE em texto */
  --ks-tabaco: #74320F;
  --ks-areia: #E7E1D3;
  --ks-linho: #F6EFE6;
  --ks-pessego: #DEAF88;
  --ks-white: #FFFFFF;

  --ks-gold-gradient: linear-gradient(135deg,#A87F3A 0%,#C29A4F 18%,#E0C58D 42%,#F8EEC5 55%,#D2AE6D 74%,#A87F3A 100%);
  --ks-band-gradient: linear-gradient(90deg,#DEAF88 0%,#EFD2BC 45%,#F6EFE6 100%);

  /* ---- Tipografia, 3 papeis, sem excecao ------------------------------- */
  --ks-font-display: 'Bodoni Moda', Didot, 'Playfair Display', Georgia, serif;
  --ks-font-institutional: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --ks-font-sans: 'Archivo', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Espaco (escala do brand book, em px) ------------------------------ */
  --ks-space-1: 4px;
  --ks-space-2: 8px;
  --ks-space-3: 12px;
  --ks-space-4: 16px;
  --ks-space-5: 24px;
  --ks-space-6: 32px;
  --ks-space-7: 48px;
  --ks-space-8: 64px;
  --ks-space-9: 96px;
  --ks-space-10: 128px;

  /* ---- Raio e sombra ----------------------------------------------------- */
  --ks-radius-block: 0;
  --ks-radius-control: 12px;
  --ks-radius-card: 24px;
  --ks-radius-pill: 999px;
  --ks-shadow: 0 12px 32px rgba(43,39,36,.10);

  /* ---- Motion ------------------------------------------------------------ */
  --ks-ease: cubic-bezier(.2,.7,.2,1);
  --ks-dur-open: .8s;
  --ks-dur-lower-third: .45s;
  --ks-dur-caption: .3s;
  --ks-dur-signature: 1.2s;
  /* O brand book fixa 1.2s como teto: nada anima por mais tempo que isso. */
  --ks-dur-max: 1.2s;
}

/* Escala tipografica do brand book. Os tamanhos sao os do JSON (base 16, razao 1.25).
 * clamp() para o mobile nao herdar 76px de display. */
.ks-display-xl { font-family: var(--ks-font-display); font-size: clamp(40px, 7vw, 76px); line-height: .94; letter-spacing: -.02em; }
.ks-display-l  { font-family: var(--ks-font-display); font-size: clamp(32px, 5vw, 54px); line-height: 1.02; letter-spacing: -.015em; }
.ks-title      { font-family: var(--ks-font-display); font-size: clamp(24px, 3.4vw, 34px); line-height: 1.15; }
.ks-eyebrow    { font-family: var(--ks-font-institutional); font-size: 12px; line-height: 1.2; letter-spacing: .18em; text-transform: uppercase; }
.ks-body       { font-family: var(--ks-font-sans); font-size: 17px; line-height: 1.6; max-width: 68ch; }
.ks-support    { font-family: var(--ks-font-sans); font-size: 14px; line-height: 1.5; color: var(--ks-ink-soft); }
.ks-legal      { font-family: var(--ks-font-sans); font-size: 11px; line-height: 1.45; color: var(--ks-ink-soft); }

/* Proporcao de cor do brand book: 60 neutro / 30 ink / 10 ouro / 5 tabaco.
 * O ouro e ACENTO, nao fundo de secao. Tabaco e o mais raro - reservado a um unico
 * bloco de enfase por pagina. */
body {
  background: var(--ks-linho);
  color: var(--ks-ink);
  font-family: var(--ks-font-sans);
}