/*
 * Dra. Stefania Rosse — Brand System v0.64.0
 * Fonte: Guia oficial de identidade visual.
 *
 * Cores oficiais:
 * Verde Principal #4A8C84
 * Marrom Quente   #7A5230
 * Rosa Nude       #E8BFB3
 * Creme           #F0EDE6
 * Carvão          #2C2C2C
 *
 * Tipografia:
 * Nunito 800 — nome, títulos e headlines
 * Lato 300–400 — corpo
 * Lato 700 caps + tracking — eyebrows e rótulos
 */

:root{
  --stef-brand-green:#4A8C84;
  --stef-brand-brown:#7A5230;
  --stef-brand-nude:#E8BFB3;
  --stef-brand-cream:#F0EDE6;
  --stef-brand-charcoal:#2C2C2C;

  --stef-brand-display:"Nunito",Arial,sans-serif;
  --stef-brand-body:"Lato",Arial,sans-serif;

  /* Superfície derivada do creme; não é uma nova cor institucional. */
  --stef-brand-surface:color-mix(in srgb,var(--stef-brand-cream) 84%,white);
  --stef-brand-line:rgba(122,82,48,.16);
}

.stef-brand-display{
  font-family:var(--stef-brand-display)!important;
  font-weight:800!important;
}

.stef-brand-eyebrow{
  font-family:var(--stef-brand-body)!important;
  font-weight:700!important;
  text-transform:uppercase;
  letter-spacing:.16em;
}

/*
 * Arco oficial de três camadas.
 * Ordem sempre preservada: Marrom externo → Rosa Nude → Verde interno.
 */
.stef-brand-arc{
  width:108px;
  height:78px;
  flex:0 0 auto;
  background:
    radial-gradient(
      circle at 100% 100%,
      transparent 0 29%,
      var(--stef-brand-green) 30% 48%,
      var(--stef-brand-nude) 49% 67%,
      var(--stef-brand-brown) 68% 86%,
      transparent 87% 100%
    );
  pointer-events:none;
}


/* ==========================================================
   v0.64.1 — aplicação de marca em backgrounds e detalhes
   ========================================================== */

:root{
  --stef-brand-card:#F7F4EF;
  --stef-brand-green-soft:rgba(74,140,132,.10);
  --stef-brand-green-soft-2:rgba(74,140,132,.17);
  --stef-brand-nude-soft:rgba(232,191,179,.30);
  --stef-brand-brown-soft:rgba(122,82,48,.10);
  --stef-brand-shadow:0 18px 54px rgba(44,44,44,.055);
  --stef-brand-radius:18px;
}

.stef-brand-watermark{
  position:absolute;
  pointer-events:none;
  user-select:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.stef-brand-watermark--green{
  background-image:url("../img/brand/monogram-sr-green-fallback.svg");
}

.stef-brand-watermark--cream{
  background-image:url("../img/brand/monogram-sr-cream-fallback.svg");
}

.stef-brand-card{
  border:1px solid rgba(122,82,48,.14);
  border-radius:var(--stef-brand-radius);
  background:var(--stef-brand-card);
  box-shadow:var(--stef-brand-shadow);
}

.stef-brand-soft-green{background:var(--stef-brand-green-soft)!important}
.stef-brand-soft-nude{background:var(--stef-brand-nude-soft)!important}
.stef-brand-soft-brown{background:var(--stef-brand-brown-soft)!important}