/* ============================================================
   HOOMI — design tokens (brandbook in code)
   Brand idea: "hoomi" = a home for your nervous system.
   Warm, cozy, grounding. Calm > clinical. Distinct from the
   green wellness-app look: warm cream + terracotta clay + a
   calm dusty-teal accent.
   ============================================================ */
:root {
  /* ---- Core palette ---- */
  --bg:          #FAF6F0;  /* warm cream page background */
  --bg-sink:     #F1EAE0;  /* slightly deeper cream for insets */
  --card:        #FFFFFF;  /* cards / option pills */
  --ink:         #2A2521;  /* warm near-black text */
  --ink-soft:    #5B534B;  /* secondary text */
  --muted:       #8A8179;  /* tertiary / captions */
  --line:        #EAE1D5;  /* hairline borders */

  /* ---- Brand ---- */
  --clay:        #E07856;  /* primary terracotta (CTAs, brand) */
  --clay-dark:   #C85F3F;  /* pressed / hover */
  --clay-tint:   #FBEDE6;  /* clay wash backgrounds */
  --teal:        #4C7C8C;  /* calm accent: links, "goal" meters */
  --teal-tint:   #E7F0F1;
  --sun:         #E7A94E;  /* warm highlight / stars */

  /* ---- Meters / status ---- */
  --low:         #E08A6B;  /* "now" low state (warm red-clay) */
  --mid:         #E7A94E;  /* mid */
  --good:        #5C9A6B;  /* balanced / restored (calm green, used sparingly) */
  --bad:         #D66A55;

  /* ---- Type ---- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;  /* headings — correct Lithuanian ū */
  --font-brand:   'Fraunces', 'Playfair Display', Georgia, serif;         /* the hoomi. wordmark only */
  --font-ui:      'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ---- Radius / shadow / motion ---- */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-pill: 999px;
  --shadow-sm: 0 2px 10px rgba(42,37,33,.06);
  --shadow-md: 0 8px 30px rgba(42,37,33,.10);
  --shadow-lg: 0 18px 50px rgba(42,37,33,.14);
  --ease: cubic-bezier(.4,.0,.2,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);

  /* ---- Layout ---- */
  --max: 480px;            /* mobile-first funnel column */
  --pad: 20px;
}

/* Minimal reset shared by every page */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-ui);
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}
img { max-width: 100%; display: block; }
a { color: var(--teal); }
button { font-family: inherit; }

/* ---- Hoomi wordmark ---- */
.hoomi-mark {
  font-family: var(--font-brand);
  font-weight: 600;
  font-optical-sizing: auto;
  letter-spacing: -.02em;
  color: var(--ink);
  font-size: 26px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.hoomi-mark b { color: var(--clay); font-weight: 600; }  /* the dot */