/* Luna Semijoias — tokens de marca compartilhados.
   Paleta oficial do Manual da Marca (Bruna Benevides @falacoambru). */

/* Fontes da marca — auto-hospedadas (SIL Open Font License 1.1), em assets/fonts/.
   Antes eram um @import do Google Fonts: o import é render-blocking e a troca
   (display=swap) reposicionava todo o texto — CLS 0.2769 no mobile (D-05).
   Agora as faces chegam em paralelo com o CSS (via <link rel=preload>) e cada
   família tem um fallback local métrico-matchado, que mantém a altura da linha
   e a largura do texto enquanto a webfont carrega. */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-300-600-latin.woff2') format('woff2');
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-300-600-latin-ext.woff2') format('woff2');
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-400-italic-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-400-italic-latin-ext.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Pinyon Script';
  src: url('fonts/pinyon-script-400-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Pinyon Script';
  src: url('fonts/pinyon-script-400-latin-ext.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-300-600-latin.woff2') format('woff2');
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-300-600-latin-ext.woff2') format('woff2');
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Baskerville';
  src: url('fonts/libre-baskerville-400-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Baskerville';
  src: url('fonts/libre-baskerville-400-latin-ext.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Baskerville';
  src: url('fonts/libre-baskerville-400-italic-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Baskerville';
  src: url('fonts/libre-baskerville-400-italic-latin-ext.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Fallbacks métrico-matchados: reproduzem as métricas da webfont (largura média,
   ascendente, descendente e entrelinha) para que o texto não mude de tamanho
   quando a webfont entra — é isso que zera o CLS.
   size-adjust = largura do texto real da página com a webfont ÷ largura com a
   fonte local (medido no navegador, 390px e 1440px). O Chrome aplica o
   size-adjust também às métricas de linha, então ascent/descent-override
   trazem o valor da webfont já dividido pelo size-adjust.
   Ascendente/descendente vêm das métricas reais dos arquivos woff2
   (fontTools: hhea/OS-2 sTypo em unidades do em). */
@font-face {
  font-family: 'Cormorant Garamond Fallback';
  src: local('Georgia'), local('Times New Roman');
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
  size-adjust: 88.47%;
  ascent-override: 104.44%;
  descent-override: 32.44%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Cormorant Garamond Fallback';
  src: local('Georgia'), local('Times New Roman');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  size-adjust: 78.8%;
  ascent-override: 117.26%;
  descent-override: 36.42%;
  line-gap-override: 0%;
}
/* Montserrat (peso 300 do corpo do site) x Arial. */
@font-face {
  font-family: 'Montserrat Fallback';
  src: local('Arial'), local('Helvetica Neue');
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
  size-adjust: 108.87%;
  ascent-override: 88.91%;
  descent-override: 23.06%;
  line-gap-override: 0%;
}
/* Libre Baskerville (títulos dos cards) x Georgia. */
@font-face {
  font-family: 'Libre Baskerville Fallback';
  src: local('Georgia'), local('Times New Roman');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 115.92%;
  ascent-override: 83.67%;
  descent-override: 23.29%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Libre Baskerville Fallback';
  src: local('Georgia'), local('Times New Roman');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  size-adjust: 102.34%;
  ascent-override: 94.78%;
  descent-override: 26.38%;
  line-gap-override: 0%;
}
/* Pinyon Script (subtítulo do wordmark) x Snell Roundhand. */
@font-face {
  font-family: 'Pinyon Script Fallback';
  src: local('Snell Roundhand'), local('Brush Script MT');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 93.87%;
  ascent-override: 91.95%;
  descent-override: 40.94%;
  line-gap-override: 0%;
}

:root {
  /* Paleta oficial */
  --luna-taupe:      #A39889; /* greige quente */
  --luna-sage:       #AAAA84; /* verde oliva */
  --luna-sage-light: #D4D9B2; /* verde claro */
  --luna-cream:      #EDE8DF; /* creme */
  --luna-mauve:      #B4A5A0; /* malva acinzentado */
  /* Derivadas */
  --luna-ink:        #3a3630; /* texto escuro quente */
  --luna-ink-soft:   #6b6359;
  --luna-charcoal:   #2a2620; /* dark mode */
  --luna-charcoal-2: #34302a;
  --luna-gold:       #c9a86a;
  --luna-gold-soft:  #e6d3a3;
  --luna-white:      #faf8f3;

  /* Tipografia */
  --f-display: 'Cormorant Garamond', 'Cormorant Garamond Fallback', Georgia, serif;
  --f-script:  'Pinyon Script', 'Pinyon Script Fallback', cursive;
  --f-body:    'Montserrat', 'Montserrat Fallback', system-ui, sans-serif;
  --f-serif:   'Libre Baskerville', 'Libre Baskerville Fallback', Georgia, serif;
}

/* Wordmark reutilizável LUNA semijóias */
.luna-wm { display:inline-flex; flex-direction:column; align-items:center; line-height:.8; text-decoration:none; }
.luna-wm .wm-luna { font-family:var(--f-display); font-weight:500; letter-spacing:.26em; text-indent:.26em; }
.luna-wm .wm-sub  { font-family:var(--f-script); margin-top:-.18em; align-self:flex-end; opacity:.9; }

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; }
img { max-width:100%; display:block; }