/* Direction: calm family clinic — warm paper, deep teal, a soft serif display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f6f3ec;
  --surface: #fffdf8;
  --surface-2: #e9efe9;
  --border: #d4d3cd;
  --border-strong: #adafa9;
  --ink: #12302c;
  --muted: #4f635d;
  --accent: #1f6f64;
  --accent-hover: #1a5e55;
  --accent-ink: #ffffff;
  --accent-text: #17564d;
  --accent-strong: #1f6f64;
  --accent-soft: #dcebe6;
  --accent-border: #95b8af;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dbe5d7;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #eee0d1;
  --warning-strong: #994607;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #efd9d3;
  --danger-strong: #b91c1c;
  --chart-1: #1f6f64;
  --chart-2: #1982c0;
  --chart-3: #5b3787;
  --chart-4: #b1506f;
  --chart-5: #703f06;
  --chart-6: #6b8317;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Figtree", system-ui, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.025em;
  --radius-card: 20px;
  --radius-btn: 999px;
  --x-band: #12342f;
  --x-on-photo: #ffffff;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Figtree", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #04100e;
  --surface: #1d2826;
  --surface-2: #111c1a;
  --border: #273130;
  --border-strong: #4f5856;
  --ink: #f6f3ec;
  --muted: #959893;
  --accent: #1f6f64;
  --accent-hover: #41857b;
  --accent-ink: #ffffff;
  --accent-text: #5e9990;
  --accent-strong: #5e9990;
  --accent-soft: #0a2521;
  --accent-border: #103b35;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #082918;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #2b1f0d;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #2c1311;
  --danger-strong: #d16969;
  --chart-1: #2e7b6f;
  --chart-2: #298fcd;
  --chart-3: #8e6cc1;
  --chart-4: #be5c7c;
  --chart-5: #b76b19;
  --chart-6: #788f27;
}

.hero-blob { background: radial-gradient(circle at 30% 30%, var(--accent-soft), transparent 70%); }
.svc-row { transition: background-color .2s ease, padding-left .2s ease; }
.svc-row:hover { background: var(--accent-soft); padding-left: 1.5rem; }
@keyframes pulse-dot { 0%,100% { transform: scale(1); } 50% { transform: scale(1.5); } }
.open-dot { animation: pulse-dot 2s ease-in-out infinite; }
html.reduced-motion .open-dot { animation: none; }

.font-hand { font-family: "Caveat", "Segoe Script", cursive; font-weight: 600; }
@keyframes hint-in { from { transform: translateY(14px); } to { transform: translateY(0); } }
@keyframes hint-bob { 0%,100% { transform: translate(0,0); } 50% { transform: translate(6px,-3px); } }
@keyframes hint-wiggle { 0%,100% { transform: rotate(-3deg); } 50% { transform: rotate(-6deg); } }
@keyframes hint-march { to { stroke-dashoffset: -14; } }
.chat-hint { animation: hint-in .6s ease-out both; transition: opacity .3s ease, visibility .3s; }
.chat-hint-inner { animation: hint-bob 2.2s ease-in-out .8s infinite; }
.chat-hint-text { transform: rotate(-3deg); transform-origin: right bottom; animation: hint-wiggle 2.2s ease-in-out .8s infinite; }
.chat-hint-dash { animation: hint-march 1s linear infinite; }
.chat-hint.is-hidden { opacity: 0; visibility: hidden; }
html.reduced-motion .chat-hint, html.reduced-motion .chat-hint-inner, html.reduced-motion .chat-hint-text, html.reduced-motion .chat-hint-dash { animation: none; }