/* The only file with colour literals. Every other file uses var(--token).
   One palette for the public site and the app: oat + pea + moss (Nordic calm),
   plus the picture-book pastels used by home design 2. */

:root {
  --bg: #FAF6EE;            /* oat */
  --surface: #FFFFFF;
  --surface-2: #EFE6D6;     /* sand */
  --wood: #D9C4A3;
  --text: #2A2A24;
  --muted: #6E6A5E;
  --border: #E6DDCB;
  --accent: #2F5D1E;        /* moss: headings, primary buttons */
  --accent-ink: #FAF6EE;    /* text on accent */
  --pea: #7DB84A;
  --pea-2: #9FD066;
  --pea-soft: #EAF3DC;
  --pea-ink: #1B3A12;       /* text on --pea */
  --coral: #F2A38B;
  --danger: #B3261E;
  --shadow: 0 1px 3px rgb(0 0 0 / 0.08);

  /* picture-book pastels (design 2): background + ink pairs */
  --paper: #FFFDF8;
  --p-pea: #A9D47E;    --p-pea-ink: #3F6B26;
  --p-sky: #CFE6F0;    --p-sky-ink: #2D5C70;
  --p-peach: #FADBC8;  --p-peach-ink: #8A4A2E;
  --p-butter: #F8EDB8; --p-butter-ink: #6F5B12;

  --radius: 12px;
  --tap: 44px;              /* minimum touch target */
  --font: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: Fredoka, system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #141812;
    --surface: #1C211A;
    --surface-2: #232A20;
    --wood: #5A4A35;
    --text: #E8ECE2;
    --muted: #A3AB9B;
    --border: #2F382B;
    --accent: #A9D47E;
    --accent-ink: #142010;
    --pea: #7DB84A;
    --pea-2: #9FD066;
    --pea-soft: #26331F;
    --pea-ink: #0E1A0C;
    --coral: #E59580;
    --danger: #F2B8B5;
    --shadow: 0 1px 3px rgb(0 0 0 / 0.5);

    --paper: #161A14;
    --p-pea: #2C3A22;    --p-pea-ink: #C5E59D;
    --p-sky: #1F3540;    --p-sky-ink: #BFE0EE;
    --p-peach: #3E2A20;  --p-peach-ink: #F5C9B0;
    --p-butter: #3A3418; --p-butter-ink: #F0E2A0;
  }
}