/* googaia — design tokens. Colors approximated from Mockups/ (source of truth);
   refine against the images, do not invent new values. */
:root {
  /* Brand & ink */
  --color-bg: #faf5ee;
  --color-surface: #fffdf9;
  --color-ink: #3f4551;
  --color-ink-soft: #707684;
  /* Footnote-grade ink: muted, but still 4.5:1+ on every pastel surface. */
  --color-ink-faint: #676d7a;
  --color-primary: #7c9885;
  --color-primary-dark: #5f7d68;
  --color-coral: #ef8b7c;
  --color-star: #f5c04e;

  /* Pastels */
  --pastel-blush: #fbeae6;
  --pastel-peach: #fdeee2;
  --pastel-sky: #e3eef7;
  --pastel-lavender: #ede7f6;
  --pastel-mint: #e7f0e4;
  --pastel-butter: #fdf3d7;

  /* Type */
  --font-head: 'Quicksand', 'Avenir Next Rounded', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Nunito Sans', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --font-script: 'Caveat', 'Bradley Hand', cursive;

  /* Shape & depth */
  --radius-pill: 999px;
  --radius-card: 20px;
  --radius-tile: 18px;
  --shadow-soft: 0 10px 30px rgba(63, 69, 81, 0.08);
  --shadow-lift: 0 14px 34px rgba(63, 69, 81, 0.14);

  /* Layout */
  --container: 1360px;
  --header-h: 72px;

  /* Blob masks (organic photo frames) */
  --blob-photo: 58% 42% 55% 45% / 48% 52% 48% 52%;
  --blob-soft: 42% 58% 63% 37% / 55% 45% 55% 45%;
}