/* ACASA Yoga holding page. System fonts only: no third-party requests. */
:root {
  --paper: #F3F1EA;
  --sage: #E1E5D6;
  --ink: #23302A;
  --muted: #5E6A61;
  --olive: #55623F;
  --clay: #B0613F;
  --line: #CDD2C2;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --sans: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #1C2420;
    --sage: #26302A;
    --ink: #ECEADF;
    --muted: #AEB7A9;
    --olive: #B5C29A;
    --clay: #E09A78;
    --line: #3A463E;
  }
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 1.0625rem;
  line-height: 1.6;
}

main {
  flex: 1;
  width: 100%;
  max-width: 44rem;
  margin: 0 auto;
  padding: 3rem 1rem 2rem;
}

a { color: var(--olive); text-underline-offset: 0.2em; }
a:hover, a:focus-visible { color: var(--clay); }

h1, h2 { font-family: var(--serif); font-weight: 400; line-height: 1.2; }
h1 { font-size: clamp(2rem, 6vw, 2.75rem); margin: 0 0 1.5rem; }
h2 { font-size: 1.4rem; margin: 2.25rem 0 0.5rem; color: var(--olive); }

/* Home */
.home {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  max-width: 40rem;
}
.mark { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto 1.75rem; }
.home h1 {
  font-size: clamp(2.75rem, 11vw, 4.5rem);
  letter-spacing: 0.04em;
  margin-bottom: 1.25rem;
}
.lead {
  font-family: var(--serif);
  font-size: clamp(1.3rem, 4.2vw, 1.65rem);
  line-height: 1.4;
  margin: 0 0 0.75rem;
}
.en { color: var(--muted); font-size: 0.95rem; margin: 0 0 2.5rem; }
.contact {
  display: inline-block;
  margin: 0 auto;
  padding: 0.7rem 1.4rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--sage);
  text-decoration: none;
  color: var(--ink);
}
.contact:hover, .contact:focus-visible { color: var(--ink); border-color: var(--olive); }

/* Legal pages */
.legal p { margin: 0 0 0.9rem; }
.back { display: inline-block; margin-bottom: 1.5rem; font-size: 0.95rem; }

footer {
  border-top: 1px solid var(--line);
  padding: 1.25rem 1rem 1.75rem;
  text-align: center;
  font-size: 0.9rem;
  color: var(--muted);
}
footer a { color: var(--muted); }
footer .sep { margin: 0 0.5rem; }