/* Base palette — lifted verbatim from lib/theme.js COLORS in the Blossom app. */
:root{
  /* Brand */
  --brand:#3a6b52;
  --brand-dark:#2f5643;

  /* Warm neutral surfaces */
  --background:#f6f5f1;
  --surface:#ffffff;
  --border:#e2e0d8;
  --border-light:#f0efe9;

  /* Text */
  --text-primary:#2b2b28;
  --text-secondary:#3a3a36;
  --text-muted:#6b6b63;
  --text-placeholder:#8f8d84;
  --text-on-brand:#ffffff;

  /* Status */
  --error:#b3452b;

  /* Section tints — one per app section. bg = card fill, text = strong copy
     on that fill, accent = mid-tone for icons/small labels/solid pills. */
  --green-bg:#EAF3DE; --green-text:#173404; --green-accent:#3B6D11;
  --coral-bg:#FAECE7; --coral-text:#4A1B0C; --coral-accent:#993C1D;
  --blue-bg:#E6F1FB;  --blue-text:#042C53;  --blue-accent:#185FA5;
  --pink-bg:#FBEAF0;  --pink-text:#4B1528;  --pink-accent:#993556;
  --amber-bg:#FAEEDA; --amber-text:#412402; --amber-accent:#854F0B;

  /* RGB triplets for variable-alpha call sites (chart lines, overlay fills) */
  --brand-rgb:58, 107, 82; /* @kind color */
  --error-rgb:179, 69, 43; /* @kind color */
  --text-muted-rgb:107, 107, 99; /* @kind color */
  --shadow-rgb:0, 0, 0; /* @kind color */
}