/* [project]/styles/tokens/colors.css [app-client] (css) */
:root {
  --pine: #133a23;
  --clover: #7da079;
  --lichen: #cedcbc;
  --mint: #dce099;
  --cream: #fff9e9;
  --black: #1a1a1a;
  --white: #fff;
  --pine-90: #2b4e39;
  --pine-80: #42624e;
  --pine-70: #5a7564;
  --pine-60: #71897b;
  --pine-50: #899c91;
  --pine-40: #a1b0a7;
  --pine-30: #b8c4bd;
  --pine-20: #d0d8d3;
  --pine-10: #e7ebe9;
  --surface-page: var(--cream);
  --surface-card: var(--white);
  --surface-inverse: var(--pine);
  --surface-soft: var(--lichen);
  --surface-accent: var(--mint);
  --text-heading: var(--pine);
  --text-body: var(--pine);
  --text-muted: var(--pine-70);
  --text-on-dark: var(--cream);
  --action-primary: var(--pine);
  --action-primary-text: var(--cream);
  --action-secondary: var(--clover);
  --border-strong: var(--pine);
  --border-soft: var(--pine-20);
  --focus-ring: var(--clover);
}

/* [project]/styles/tokens/typography.css [app-client] (css) */
:root {
  --font-display: "alphabet-soup-pro", "alphabet-soup", "Poppins", sans-serif;
  --font-body: "Poppins", -apple-system, sans-serif;
  --text-display-xl: 64px;
  --text-display: 44px;
  --text-h1: 32px;
  --text-h2: 24px;
  --text-h3: 18px;
  --text-body-lg: 18px;
  --text-body-md: 16px;
  --text-body-sm: 14px;
  --text-caption: 12px;
  --leading-display: 1.05;
  --leading-heading: 1.15;
  --leading-body: 1.6;
  --tracking-display: .02em;
  --tracking-caps: .12em;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}

/* [project]/styles/tokens/spacing.css [app-client] (css) */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --border-width: 2px;
  --border-width-heavy: 3px;
  --shadow-sticker: 4px 4px 0 var(--pine);
  --shadow-sticker-sm: 2px 2px 0 var(--pine);
  --shadow-sticker-soft: 4px 4px 0 var(--pine-20);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --duration-fast: .12s;
  --duration-base: .2s;
}

/* [project]/styles/globals.css [app-client] (css) */
:root {
  --danger: #b3402a;
}

*, :before, :after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--surface-page);
  font-family: var(--font-body);
  color: var(--text-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input[type="checkbox"], input[type="radio"], input[type="range"] {
  accent-color: var(--pine);
}

::selection {
  background: var(--mint);
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
}

:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: 2px;
}

/*# sourceMappingURL=styles_0davi4g._.css.map*/