/* ============================================================
   BRUNTIANO — Custom Properties (fonte única de verdade)
   ============================================================ */

:root {
  /* ── Fundos ──
     Paleta calibrada pra wireframe (cream pinkish leve, não saturado).
     Mantém família tonal do hero (#DDCABA dominante) mas algumas paradas
     mais leve pras sections — combina com a referência editorial. */
  --bg-cream:        #EBDFCE;    /* fundo principal — cream pinkish leve do wireframe */
  --bg-cream-light:  #F1E7D9;    /* sections claras — alternância sutil */
  --bg-cream-warm:   #DDCABA;    /* destaques/quote — match topo do hero */
  --bg-white:        #FFFFFF;    /* cards, áreas limpas */
  --bg-linen:        #E2D5C2;    /* hover, separadores — entre cream e warm */

  /* ── Textos ── */
  --text-navy:        #1A2744;   /* títulos, logo */
  --text-navy-light:  #2C3E6B;   /* subtítulos */
  --text-warm:        #6B5E50;   /* corpo */
  --text-warm-light:  #9A8E80;   /* secundário, labels */
  --text-muted:       #B8AD9E;   /* placeholders */

  /* ── Acentos ── */
  --gold:        #C4A870;
  --gold-light:  #D4BC8E;
  --gold-dark:   #A68B55;
  --gold-glow:   rgba(196, 168, 112, 0.12);

  /* ── Bordas ── */
  --border-soft:  rgba(196, 168, 112, 0.2);
  --border-light: rgba(26, 39, 68, 0.06);

  /* ── Tipografia ── */
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-script:  'Cormorant Infant', 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ── Espaçamento ── */
  --section-gap:        100px;
  --section-gap-mobile: 60px;
  --container-max:      1200px;
  --container-padding:  48px;

  /* ── Raio ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* ── Sombras (todas como respiração, nunca pesadas) ── */
  --shadow-breath: 0 4px 30px rgba(26, 39, 68, 0.04);
  --shadow-card:   0 6px 40px rgba(26, 39, 68, 0.06);
  --shadow-hover:  0 12px 50px rgba(26, 39, 68, 0.08);

  /* ── Transições ── */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.25s;
  --duration-mid:  0.4s;
  --duration-slow: 0.8s;

  /* ── Z-index ── */
  --z-base:   1;
  --z-content: 10;
  --z-header: 100;
  --z-overlay: 500;
  --z-modal:  1000;
  --z-fab:    9000;

  /* ── Textura de papel (SVG noise inline base64, ~600 bytes) ──
     Aplicado em body + section modifiers. Grão fino, tom quente terroso,
     opacity 0.14 — papel artesanal sutil. */
  --bt-paper-texture: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAgMjQwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC44NSIgbnVtT2N0YXZlcz0iMiIgc2VlZD0iNyIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjMyIDAgMCAwIDAgMC4yNSAwIDAgMCAwIDAuMTYgMCAwIDAgMC4yNiAwIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsdGVyPSJ1cmwoI24pIi8+PC9zdmc+");
}

/* Reduced motion: tira animações pra acessibilidade */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0.01s;
    --duration-mid:  0.01s;
    --duration-slow: 0.01s;
  }
}