/* ==========================================================================
   Design Tokens — fonte única de verdade para cores, tipografia e medidas.
   Extraídos do design hi-fi (Site Eliane.dc.html / README de handoff).
   ========================================================================== */

:root {
  /* ---- Cores da marca ---- */
  --brand: #2478cc;
  --brand-dark: #1b5e9e;
  --brand-soft: #eaf3fc;

  /* ---- Tinta / texto ---- */
  --ink: #14253a;
  --ink-body: #2b3a4b;
  --muted: #5c6b7c;
  --muted-2: #6b7886;
  --muted-3: #7d8a99;
  --faint: #9aa7b4;

  /* ---- Linhas / bordas ---- */
  --line: #e8eef5;
  --line-2: #eef3f8;
  --line-3: #e3ebf3;

  /* ---- Fundos ---- */
  --bg: #ffffff;
  --bg-soft: #f4f8fc;
  --bg-soft-2: #f6fafe;
  --bg-soft-3: #f7fafe;
  --chip-bg: #f1f6fc;
  --dark: #14253a;
  --footer: #0f1b2b;

  /* ---- Cores funcionais ---- */
  --whatsapp: #25d366;
  --like: #e0245e;

  /* ---- Tipografia ---- */
  --font-head: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Layout ---- */
  --page-max: 1300px;
  --feed-max: 560px;
  --content-max: 1080px;
  --section-px: 44px;

  /* ---- Raios ---- */
  --r-card: 22px;
  --r-photo: 24px;
  --r-photo-lg: 26px;
  --r-chip: 8px;
  --r-input: 11px;
  --r-pill: 50px;

  /* ---- Sombras ---- */
  --shadow-card: 0 10px 30px rgba(20, 37, 58, 0.06);
  --shadow-card-hover: 0 22px 48px rgba(20, 37, 58, 0.12);
  --shadow-btn: 0 10px 24px rgba(36, 120, 204, 0.3);
  --shadow-photo: 0 30px 60px rgba(20, 37, 58, 0.18);
  --shadow-badge: 0 16px 32px rgba(20, 37, 58, 0.16);
}