/*
 * ZENAIDE MARTINS MARQUES — BRAND SYSTEM 2.0.0
 * FONTE ÚNICA DE VERDADE PARA O SITE E PEÇAS DIGITAIS.
 * Não altere cópias em site/assets/brand; execute tools/gerar-kit-branding.js.
 */
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/CormorantGaramond-Variable.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/CormorantGaramond-Italic-Variable.ttf") format("truetype-variations");
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("fonts/HankenGrotesk-Variable.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("fonts/HankenGrotesk-Italic-Variable.ttf") format("truetype-variations");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --brand-navy: #161D2E;
  --brand-navy-support: #202A42;
  --brand-gold: #C8A45B;
  --brand-gold-light: #E2C783;
  --brand-gold-dark: #94752F;
  --brand-ivory: #F5F2EB;
  --brand-ice: #D9DEE7;
  --brand-ink: #252B38;
  --brand-muted: #727B8E;
  --brand-white: #FFFFFF;

  /* aliases de compatibilidade — sempre apontam para os tokens oficiais */
  --navy: var(--brand-navy);
  --navy-deep: var(--brand-navy);
  --surface: var(--brand-navy-support);
  --surface-2: #28334F;
  --gold: var(--brand-gold);
  --gold-hi: var(--brand-gold-light);
  --gold-lo: var(--brand-gold-dark);
  --silver: var(--brand-ice);
  --ivory: var(--brand-ivory);
  --muted: #AEB6C7;
  --ink: var(--brand-ink);
  --line: rgba(200, 164, 91, .24);
  --line-soft: rgba(255, 255, 255, .08);
  --maxw: 1150px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow: 0 24px 60px -28px rgba(0, 0, 0, .70);
  --shadow-sm: 0 12px 30px -18px rgba(0, 0, 0, .60);
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-text: "Hanken Grotesk", "Avenir Next", Arial, sans-serif;
}

body { font-family: var(--font-text); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); }
.lock .brand-logo,
.brand .brand-logo {
  display: block;
  width: auto;
  height: 56px;
  max-width: min(230px, 58vw);
}
footer .lock .brand-logo { height: 64px; }
@media (max-width: 760px) {
  .lock .brand-logo,
  .brand .brand-logo { height: 46px; max-width: 52vw; }
}