/*
Theme Name: Fabiana e Otto Silver Disco
Author: Convite Fabiana e Otto
Description: Tema preto e prata para o convite de Bodas de Prata. Exibe o plugin Convite Disco na página inicial.
Version: 7.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: fabiana-otto-silver
*/

:root {
  color-scheme: dark;
  --bg: #050507;
  --text: #ececf1;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
}
a { color: #dedee2; }
img { max-width: 100%; height: auto; }
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.skip-link {
  position: absolute; left: 8px; top: -64px; z-index: 100;
  min-height: 48px; padding: 0 20px; display: inline-flex; align-items: center;
  background: #ececf1; color: #101014; font-weight: 700; border-radius: 0 0 12px 12px;
  text-decoration: none;
}
.skip-link:focus { top: 0; }
:focus-visible { outline: 3px solid #ececf1; outline-offset: 3px; }

main { display: block; min-height: 100vh; }
.site-shell { width: 100%; margin: 0 auto; }
.site-shell--text {
  max-width: 46rem;
  padding: clamp(32px, 7vw, 72px) max(16px, env(safe-area-inset-right, 0px)) clamp(32px, 7vw, 72px) max(16px, env(safe-area-inset-left, 0px));
}
.site-shell--text h1 { font-weight: 500; font-size: clamp(2rem, 7vw, 3rem); line-height: 1.1; }
.site-fallback { max-width: 44rem; margin: 15vh auto; padding: 24px; text-align: center; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}