/* planther.app: the app's warm neutrals and blue text accent (build-kit/design/design-system.md), Nunito Sans. */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/fonts/NunitoSans-normal-latin-ext.woff2) format('woff2');
  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: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/fonts/NunitoSans-normal-latin.woff2) format('woff2');
  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;
}
:root {
  color-scheme: light dark;
  --background: #F7F6F4;
  --surface: #FFFFFF;
  --text: #262422;
  --text-secondary: #6B6863;
  --border: #E6E3DE;
  --primary: #3A3633;
  --on-primary: #FFFFFF;
  --accent-text: #2563EB;
}
@media (prefers-color-scheme: dark) {
  :root {
    --background: #16171A;
    --surface: #222327;
    --text: #EEEDEB;
    --text-secondary: #A8A6A2;
    --border: #2F3034;
    --primary: #D6D0CA;
    --on-primary: #1E1C1A;
    --accent-text: #7C9BFF;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--background);
  color: var(--text);
  font: 17px/1.55 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 64px; }
a { color: var(--accent-text); }
a:focus-visible, .button:focus-visible { outline: 2.5px solid var(--accent-text); outline-offset: 3px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--text); text-decoration: none; font-weight: 800; font-size: 20px; }
.brand img { width: 36px; height: 36px; border-radius: 9px; }
h1 { font-size: 30px; line-height: 1.2; font-weight: 700; margin: 28px 0 8px; }
h2 { font-size: 20px; font-weight: 700; margin: 32px 0 6px; }
p, li { color: var(--text); }
.lead, .meta, footer { color: var(--text-secondary); }
.meta { font-size: 15px; }
ul { padding-left: 22px; }
li { margin: 4px 0; }
.center { text-align: center; }
.center .brand { flex-direction: column; gap: 14px; font-size: 24px; }
.center .brand img { width: 88px; height: 88px; border-radius: 20px; }
.button {
  display: inline-block; margin-top: 24px; padding: 14px 28px; border-radius: 999px;
  background: var(--primary); color: var(--on-primary); text-decoration: none; font-weight: 700; font-size: 17px;
  min-height: 44px;
}
footer { max-width: 680px; margin: 0 auto; padding: 0 20px 40px; font-size: 14px; }
footer a { color: var(--text-secondary); }
footer nav { display: flex; gap: 18px; flex-wrap: wrap; }