/* ═══════════════════════════════════════════════════════════════════════
   CAMADA DE MARCA — Consultório de Psicologia & Hipnoterapia Eliana Gama
   Paleta: Ameixa Nobre + Creme Linho + Champagne Ouro
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Fundos: tons de linho e alabastro aquecido, relaxante e límpido ── */
  --fundo:        #FAF7F3;   /* seção clara — o chão suave da página */
  --fundo-2:      #F2EBE2;   /* seção alternada, acolhedora */
  --papel:        #FFFFFF;   /* cartões e superfícies elevadas */

  /* ── Marca: Ameixa Nobre e Introspectivo (Psicologia & Hipnoterapia) ── */
  --marca-950:    #2A1325;   /* rodapé e contrastes profundos */
  --marca-900:    #431E3B;   /* títulos de seções e destaques */
  --marca-700:    #6B2E5C;   /* cor principal de ação, botões, sobrancelhas */
  --marca-500:    #8F457E;   /* tom vibrante intermediário */
  --marca-200:    #D8B7D1;   /* lavanda sutil, bordas e detalhes */
  --marca-050:    #F6EEF4;   /* lavagem suave de fundo */

  /* ── Metal: Ouro Champagne nobre e discreto ─────────────────────────── */
  --metal:        #C5A059;
  --metal-claro:  #E8D6B0;
  --metal-escuro: #856630;   /* alto contraste sobre fundo claro */

  /* ── Tinta ──────────────────────────────────────────────────────────── */
  --tinta:        #231B21;
  --tinta-suave:  #5B5058;
  --tinta-fraca:  #988D95;

  /* ── Sobre fundo escuro ─────────────────────────────────────────────── */
  --claro:        #FDFBF9;
  --claro-suave:  #F7EFF5;
  --alerta:       #FFD9CD;

  /* ── Triplas RGB ────────────────────────────────────────────────────── */
  --rgb-marca:        107, 46, 92;    /* = --marca-700 */
  --rgb-marca-escura: 67, 30, 59;     /* = --marca-900 */
  --rgb-marca-clara:  216, 183, 209;  /* = --marca-200 */
  --rgb-metal:        197, 160, 89;
  --rgb-metal-claro:  232, 214, 176;
  --rgb-fundo:        250, 247, 243;
  --rgb-papel:        255, 255, 255;
  --rgb-superficie:   252, 249, 246;
  --rgb-claro:        247, 239, 245;

  /* ── Tipografia: Moderna, Acolhedora e Sofisticada ──────────────────── */
  --display:  "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --texto:    "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --script:   "Marcellus", Georgia, serif;

  /* ── Layout ─────────────────────────────────────────────────────────── */
  --largura:    1160px;
  --gutter:     clamp(1.25rem, 5vw, 3rem);
  --raio:       22px;
  --nav-altura: 76px;

  /* ── Movimento ──────────────────────────────────────────────────────── */
  --mola: cubic-bezier(.22, 1, .36, 1);

  /* ── Sombras Aveludadas ─────────────────────────────────────────────── */
  --sombra-nav:       0 14px 40px -22px rgba(var(--rgb-marca-escura), .35),
                      0 2px 8px -4px rgba(var(--rgb-marca-escura), .12);
  --sombra-menu:      0 26px 50px -26px rgba(var(--rgb-marca-escura), .45);
  --sombra-botao:     0 14px 30px -14px rgba(var(--rgb-marca-escura), .65);
  --sombra-retrato:   0 36px 65px -40px rgba(var(--rgb-marca-escura), .45);
  --sombra-foto:      0 30px 55px -35px rgba(var(--rgb-marca-escura), .4);
  --sombra-badge:     0 16px 34px -22px rgba(var(--rgb-marca-escura), .35);
  --sombra-cartao:    0 20px 42px -30px rgba(var(--rgb-marca-escura), .3);
  --sombra-flutuante: 0 16px 32px -14px rgba(var(--rgb-marca-escura), .6);

  /* ── Superfícies translúcidas ───────────────────────────────────────── */
  --vidro-nav:   rgba(var(--rgb-superficie), .82);
  --vidro-menu:  rgba(var(--rgb-superficie), .96);
  --campo-fundo: rgba(var(--rgb-papel), .98);

  /* ── Linhas ─────────────────────────────────────────────────────────── */
  --linha:        rgba(var(--rgb-marca), .14);
  --linha-fraca:  rgba(var(--rgb-marca), .10);
  --linha-forte:  rgba(var(--rgb-marca), .26);
  --linha-clara:  rgba(var(--rgb-marca-clara), .25);
  --linha-metal:  rgba(var(--rgb-metal), .55);
}
