/* ============================================================
   HomeZero design tokens — lifted verbatim from the live app
   (homezero/app/(app)/theme.css). Don't invent colors; use these.
   ============================================================ */
:root{
  /* surfaces */
  --paper:#faf9f5;   /* page background — warm off-white */
  --card:#ffffff;    /* raised surface */
  --ink:#29261f;     /* primary text — warm near-black */
  --sub:#6f6a5f;     /* secondary text */
  --faint:#938d80;   /* tertiary / labels */
  --line:#ebe6dc;    /* hairline */
  --line-2:#f2eee5;  /* softer inner divider */
  --tint:#f2eee5;    /* faint fill */

  /* the brand + the four verdict states (NOT decorative — earned) */
  --pine:#2e7b68;    /* primary accent · brand · "good" */
  --honey:#c98a2a;   /* "fair" */
  --amber:#a9742a;   /* "caution" */
  --clay:#c65a30;    /* "over" / alert */
  --blue:#5b78d6;    /* informational · "new" */

  /* type */
  --serif:"Fraunces",Georgia,serif;                         /* display */
  --sans:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;/* body */
  --mono:"JetBrains Mono",ui-monospace,monospace;           /* labels, eyebrows, chips */

  /* depth + radius */
  --sh-1:0 1px 3px rgba(40,33,24,.05);
  --sh-2:0 6px 22px rgba(40,33,24,.06);
  --sh-3:0 16px 44px rgba(40,33,24,.08);
  --sh-pop:0 22px 60px rgba(40,33,24,.16);
  --r-sm:9px; --r-md:14px; --r-lg:18px; --r-xl:24px; --r-pill:999px;
}