/* =========================================================
   MemoHoney — "Clarity Wellness" Design System (Build 2)
   Deep teal + coral, rounded/organic, distinct from Build 1
   (Amber Hive navy/gold). Unique class prefix: cw-
   ========================================================= */
:root{
  --cw-teal-900:#0a2b2c;
  --cw-teal-800:#0f3d3e;
  --cw-teal-700:#155152;
  --cw-teal-600:#1c6b6c;
  --cw-mint-200:#cfefe0;
  --cw-mint-100:#e6f7ee;
  --cw-mint-50:#f3fbf6;
  --cw-coral-700:#e0603f;
  --cw-coral-600:#ff7a59;
  --cw-coral-500:#ff9478;
  --cw-cream:#fff9f2;
  --cw-paper:#ffffff;
  --cw-ink:#16241f;
  --cw-ink-soft:#4d5c56;
  --cw-line:#e3ece7;
  --cw-success:#1f9d63;
  --cw-warn:#c47b12;

  --cw-grad-hero: radial-gradient(120% 130% at 85% -10%, #1c6b6c 0%, #0f3d3e 55%, #0a2b2c 100%);
  --cw-grad-coral: linear-gradient(135deg, var(--cw-coral-500), var(--cw-coral-600) 60%, var(--cw-coral-700));
  --cw-grad-mint: linear-gradient(180deg, var(--cw-mint-50), var(--cw-mint-100));

  --cw-font-head:'Poppins','Segoe UI',sans-serif;
  --cw-font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  --cw-r-sm:12px;
  --cw-r-md:20px;
  --cw-r-lg:32px;
  --cw-r-pill:999px;
  --cw-shadow-sm:0 3px 14px rgba(10,43,44,.08);
  --cw-shadow-md:0 18px 40px rgba(10,43,44,.16);
  --cw-shadow-coral:0 14px 30px rgba(224,96,63,.32);
  --cw-ease:cubic-bezier(.19,1,.22,1);

  --cw-max:1240px;
  --cw-nav-h:78px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}