/* Maria Clara Semijoias — paleta.css = identidade ATELIÊ da central, sem mudança
   (cópia de biblioteca-pessoal/identidades/css/atelie.css, 10/11/2026). Mexer numa cor aqui: rodar
   biblioteca-pessoal/ferramentas/conferir_contraste.php neste arquivo. A paleta anterior (rosé #9c5a63 + creme,
   Segoe UI) está no git, commit 6192dcc. */

/* ================================================================
   Identidade ATELIÊ — moda, joia, semijoia, beleza, cosmético, presente.
   Sensação: vitrine de loja boa. Título em serifa editorial (Fraunces),
   texto limpo e redondo (Figtree), vinho-framboesa profundo com detalhe
   champanhe, fundo marfim quente, cantos generosos, sombra macia.

   Vira o paleta.css do projeto (copiar este arquivo pra assets/css/paleta.css
   e as fontes de ../fontes/ pra assets/fontes/). Contraste medido por
   ferramentas/conferir_contraste.php — rodar de novo se mexer numa cor.
   Fontes: SIL Open Font License (ver identidades/LEIA-ME.md).
   ================================================================ */

@font-face {
  font-family: 'Fraunces';
  src: url('../fontes/fraunces.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Figtree';
  src: url('../fontes/figtree.woff2') format('woff2');
  font-weight: 300 900; font-style: normal; font-display: swap;
}

:root {
  --identidade: 'atelie';

  /* ── Tipografia ── */
  --fonte-texto:  'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fonte-titulo: 'Fraunces', Georgia, 'Times New Roman', serif;
  --fonte-numero: 'Fraunces', Georgia, serif;          /* número grande do painel: serifa, como etiqueta de preço de vitrine */
  --titulo-peso:   600;
  --titulo-espaco: -.015em;
  --rotulo-espaco: .09em;                               /* rótulo em caixa alta: mais aberto, ar de etiqueta */
  --titulo-tamanho: clamp(1.6rem, 1.35rem + 1vw, 1.95rem);   /* título de tela grande, de revista */
  --numero-peso:   600;

  /* ── Estilo ── */
  --icone-raio:   50%;                                  /* ícone do painel em medalhão redondo, champanhe */
  --icone-fundo:  rgba(163, 123, 63, .13);
  --icone-cor:    #87622c;
  --fundo-pagina: radial-gradient(64rem 30rem at 100% -8%, rgba(163, 123, 63, .08), transparent 62%);

  /* ── Forma ── */
  --radius-card: 18px;
  --radius-btn:  10px;
  --shadow-card: 0 1px 2px rgba(42, 29, 34, .04), 0 8px 24px -12px rgba(42, 29, 34, .14);

  /* ── Marca ── */
  --accent:       #7f2b47;
  --accent-hover: #63203a;
  --accent-light: rgba(127, 43, 71, .08);
  --accent-text:  #ffffff;
  --accent-rgb:   127, 43, 71;
  --acento-2:     #a37b3f;   /* champanhe: só detalhe (ícone da marca, filete), nunca texto */

  /* ── Superfícies ── */
  --bg-main:  #faf6f1;
  --bg-card:  #ffffff;
  --bg-hover: #f6eee7;
  --bg-cabeca-tabela: #fcf9f5;

  /* ── Texto ── */
  --text-main:      #2a1d22;
  --text-secondary: #67525a;
  --text-muted:     #7a666d;

  /* ── Bordas / sombra / overlay ── */
  --card-border-color:  #eee4dc;
  --borda-forte:        #ddcdc2;
  --shadow-color:       rgba(42, 29, 34, .06);
  --shadow-color-forte: rgba(42, 29, 34, .14);
  --overlay-bg:         rgba(42, 29, 34, .45);

  /* ── Semânticas — significado fixo, iguais em toda identidade ── */
  --cor-perigo:     #dc2626;
  --cor-perigo-bg:  rgba(220, 38, 38, .12);
  --cor-atencao:    #d97706;
  --cor-atencao-bg: rgba(217, 119, 6, .12);
  --cor-info:       #2563eb;
  --cor-info-bg:    rgba(37, 99, 235, .12);
  --cor-sucesso:    #15803d;
  --cor-sucesso-bg: rgba(21, 128, 61, .12);
  --cor-whatsapp:   #25d366;
  --texto-sobre-info:     #063a4a;
  --texto-sobre-atencao:  #4a3800;
  --texto-sobre-sucesso:  #0b4a24;
  --texto-sobre-solido:   #ffffff;

  /* ── Papel (recibo): impresso em preto, igual em toda identidade ── */
  --papel-fundo-tela: #e7e1de;
  --papel-texto:      #111111;
  --papel-suave:      #666666;
  --papel-linha:      #dddddd;
  --papel-traco:      #222222;
  --papel-sombra:     rgba(0, 0, 0, .18);

  /* ── Bootstrap lendo a identidade ── */
  --bs-body-font-family: var(--fonte-texto);
  --bs-font-sans-serif:  var(--fonte-texto);
  --bs-body-color:      #2a1d22;
  --bs-secondary-color: #67525a;
  --bs-border-color:    #e7dbd2;
  --bs-code-color:      #63203a;
}