/* Ply site. Source of truth: docs/design-system.md. */
:root {
  --verde-club: #2E4636;
  --blanco: #FFFFFF;
  --negro: #000000;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro", "SF Pro Text", system-ui, sans-serif;
}

* { box-sizing: border-box; }

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

body {
  margin: 0;
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
  background: var(--blanco);
  color: var(--negro);
}

h1, h2 { font-weight: 700; line-height: 1.15; margin: 0; }
h1 { font-size: 34px; }
h2 { font-size: 22px; margin-top: 40px; }
p { margin: 16px 0 0; }
a { color: inherit; text-underline-offset: 3px; }

.page {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  padding: 24px;
}

.content { flex: 1; width: 100%; max-width: 640px; margin: 0 auto; }

.lockup { display: block; height: auto; }

footer {
  width: 100%;
  max-width: 640px;
  margin: 64px auto 0;
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}

footer .legal { margin-left: auto; }

/* Home: verde club with the white lockup, the brand's main pairing. */
.home { background: var(--verde-club); color: var(--blanco); }
.home .content { display: flex; flex-direction: column; justify-content: center; }
.home .lockup { width: min(320px, 70vw); margin-bottom: 56px; }
.home p { max-width: 30em; }
.home .soon { margin-top: 32px; font-weight: 700; }

/* Inner pages: verde club lockup on white; white on black in dark mode. */
.doc .lockup { width: 120px; color: var(--verde-club); margin-bottom: 56px; }
.doc .effective { font-size: 13px; }
.doc ul { padding-left: 20px; margin: 16px 0 0; }
.doc li + li { margin-top: 8px; }

@media (prefers-color-scheme: dark) {
  .doc { background: var(--negro); color: var(--blanco); }
  .doc .lockup { color: var(--blanco); }
}

@media (max-width: 480px) {
  h1 { font-size: 28px; }
  footer .legal { margin-left: 0; width: 100%; }
}

.nowrap { white-space: nowrap; }