/* Notra design tokens — shared across marketing, auth, and app */
:root{
  --ink-deep: #2F3C2C;
  --ink: #1E1E1E;
  --forest: #40583B;
  --sage: #A6BFA1;
  --terra: #C57E66;
  --peach: #D49C82;
  --cream: #E7E2D8;
  --paper: #F7F4F0;
  --mist: #EFEFEF;
  --line: rgba(47, 60, 44, 0.12);
  --line-strong: rgba(47, 60, 44, 0.22);

  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "JetBrains Mono", monospace;
  --font-serif: "Fraunces", "Times New Roman", serif;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  background:var(--paper);
  color:var(--ink-deep);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:var(--forest); color:var(--paper)}
a{color:inherit; text-decoration:none}
button{font:inherit; color:inherit; background:none; border:0; cursor:pointer; padding:0}
img,svg{display:block; max-width:100%}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important}
}