/* ============================================================
   Meu Velho — Design Tokens
   Paleta masculina sóbria (azul-marinho / âmbar-couro / creme) —
   afeto sem melodrama, pro público que homenageia o pai.
   Nota: os nomes das variáveis (--amber/--moss) são herdados do
   template; aqui --amber = azul-marinho (marca) e --moss = âmbar-couro.
   ============================================================ */

:root {
  /* ---- Cores base ---- */
  --cream:        #FBF7F0;
  --cream-deep:   #EFE7D9;
  --ink:          #211E1B;
  --ink-soft:     #4F4842;
  --ink-faint:    #928A80;

  /* ---- Cor de marca (azul-marinho) ---- */
  --amber:        #1F3A5F;
  --amber-deep:   #16293F;
  --amber-soft:   #D3DEEA;

  /* ---- Acento secundário (âmbar-couro) ---- */
  --moss:         #C6852E;
  --moss-soft:    #EFDCC0;

  /* ---- Estados ---- */
  --gold:         #E5B54A;   /* estrelas / avaliações */
  --white:        #FFFFFF;
  --line:         rgba(42, 35, 32, 0.10);
  --line-strong:  rgba(42, 35, 32, 0.18);

  /* ---- Sombras ---- */
  --shadow-sm:  0 1px 2px rgba(42,35,32,.06), 0 2px 6px rgba(42,35,32,.05);
  --shadow-md:  0 4px 12px rgba(42,35,32,.08), 0 12px 32px rgba(42,35,32,.08);
  --shadow-lg:  0 12px 28px rgba(42,35,32,.10), 0 30px 70px rgba(42,35,32,.14);

  /* ---- Tipografia ---- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  /* ---- Raio ---- */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --radius-pill: 999px;

  /* ---- Espaçamento base ---- */
  --gap:   20px;
  --pad:   clamp(20px, 5vw, 40px);
  --maxw:  1080px;
}