/* ── Branding — AndMore (institucional) ─────────────────────────────────────
 *
 * A camada de marca: fontes e tokens. Tudo o resto (base.css, site.css) só
 * consome var(--am-*), por isso mudar de paleta é mudar este ficheiro.
 *
 * Relação com as plataformas irmãs: a família tipográfica é a mesma do
 * design.andmore.pt e do fotografia.andmore.pt (Cormorant + Poppins +
 * Montserrat) para o site institucional não parecer de outra empresa. A
 * superfície é que é mais fria e mais escura — o institucional é o pano de
 * fundo, os estúdios é que levam cor.
 *
 * Fontes self-hosted em assets/fonts/ (subset latin, woff2): sem chamadas ao
 * Google — melhor LCP e nenhum IP de visitante enviado a terceiros (RGPD).
 */

@font-face { font-family: 'Cormorant';  font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/cormorant-300.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant';  font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/cormorant-400.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant';  font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/cormorant-600.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant';  font-style: italic; font-weight: 300; font-display: swap; src: url('../fonts/cormorant-300-italic.woff2') format('woff2'); }
@font-face { font-family: 'Poppins';    font-style: normal; font-weight: 200; font-display: swap; src: url('../fonts/poppins-200.woff2') format('woff2'); }
@font-face { font-family: 'Poppins';    font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/poppins-300.woff2') format('woff2'); }
@font-face { font-family: 'Poppins';    font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-400.woff2') format('woff2'); }
@font-face { font-family: 'Poppins';    font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-500.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/montserrat-500.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/montserrat-600.woff2') format('woff2'); }

:root {
  /* Superfícies */
  --am-bg:        #101317;
  --am-bg-alt:    #161a1f;
  --am-bg-card:   #191e24;
  --am-bg-raised: #1f252c;

  /* Tinta */
  --am-text:      #DCD6CC;
  --am-text-mut:  #9A958D;
  --am-text-dim:  #6B665F;
  --am-heading:   #F0EBE2;
  --am-on-accent: #14100a;

  /* Acentos — o dourado é o fio comum a toda a família andmore */
  --am-accent:      #C9A96E;
  --am-accent-soft: rgba(201, 169, 110, .14);
  --am-accent-line: rgba(201, 169, 110, .38);
  --am-accent-2:    #8C9EE0;   /* fotografia */
  --am-accent-3:    #7FB59B;   /* plataformas de cliente */

  /* Linhas */
  --am-border:      rgba(220, 214, 204, .13);
  --am-border-soft: rgba(220, 214, 204, .07);

  /* Tipografia */
  --am-font-head: 'Cormorant', Georgia, 'Times New Roman', serif;
  --am-font-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --am-font-sub:  'Montserrat', system-ui, sans-serif;

  /* Escala fluida — clamp para não haver breakpoints só por causa do texto */
  --am-fs-xs:  .75rem;
  --am-fs-sm:  .875rem;
  --am-fs-md:  1.0625rem;
  --am-fs-lg:  clamp(1.25rem, 1.05rem + .8vw, 1.6rem);
  --am-fs-xl:  clamp(1.9rem, 1.5rem + 1.8vw, 2.8rem);
  --am-fs-2xl: clamp(2.6rem, 1.9rem + 3.2vw, 4.6rem);

  /* Ritmo */
  --am-sp-xs:  .5rem;
  --am-sp-sm:  1rem;
  --am-sp-md:  1.75rem;
  --am-sp-lg:  clamp(2.5rem, 5vw, 4rem);
  --am-sp-xl:  clamp(4rem, 8vw, 7.5rem);

  /* Formas */
  --am-radius-sm: 6px;
  --am-radius:    12px;
  --am-radius-lg: 20px;
  --am-radius-pill: 100px;

  --am-shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);
  --am-shadow:    0 12px 40px rgba(0, 0, 0, .45);
  --am-shadow-lg: 0 28px 70px rgba(0, 0, 0, .55);

  /* Medidas */
  --am-wrap: 1180px;
  --am-measure: 62ch;

  --am-ease: cubic-bezier(.22, .61, .36, 1);
}