/*
  TEMA DUOO BIO
  Altere somente este arquivo para adaptar cores e fontes a outra identidade.
*/

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap");

:root {
  /* Fontes */
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "DM Sans", Arial, sans-serif;

  /* Cores principais */
  --color-page: #F5EBDD;
  --color-page-deep: #6F0D1D;
  --color-surface: #F5EBDD;
  --color-surface-hover: #6F0D1D;
  --color-accent: #CD8C33;
  --color-accent-strong: #6F0D1D;
  --color-ink: #6F0D1D;
  --color-muted: #6F0D1D;
  --color-border: rgba(205, 140, 51, 0.55);
  --color-focus: #CD8C33;

  /* Sobreposição da foto principal */
  --hero-overlay-top: rgba(65, 3, 13, 0.18);
  --hero-overlay-middle: rgba(245, 235, 221, 0.65);
  --hero-overlay-bottom: rgba(245, 235, 221, 1);

  /* Forma, profundidade e movimento */
  --radius-card: 1.35rem;
  --radius-pill: 999px;
  --border-width: 2px;
  --shadow-card: 0 1.1rem 2.8rem rgba(111, 13, 29, 0.14);
  --shadow-hover: 0 1.5rem 3.4rem rgba(111, 13, 29, 0.25);
  --transition-fast: 180ms ease;
  --transition-smooth: 620ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.link-card__cta{
  background: #CD8C33 !important;
}

.link-card{
  color: #F5EBDD !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent 42%), #6F0D1D !important;
    box-shadow: var(--shadow-card);
}