/* HeartCubby design tokens. Light by default; every token has a dark value.
   This file is kept identical in site/shared and binder/shared (the harness checks). */
:root{
  color-scheme:light;
  /* surfaces and ink */
  --bg:#f2f2f7;
  --surface:#ffffff;
  --fill:#f2f2f5;
  --fill2:#e5e5ea;
  --txt:#1d1d1f;
  --dim:#55555c;
  --dim2:#68686f;
  --line:#d1d1d6;
  --on-txt:#ffffff;
  /* brand: a warm rose, for actions and the logo only */
  --accent:#b8325a;
  --accent-deep:#9c2a4c;
  --accent-ink:#ffffff;
  --accent-soft:#fbeaef;
  /* meaning */
  --pos:#1d7a45;
  --pos-bg:#e6f4eb;
  --warn:#94570a;
  --warn-bg:#fcf0dc;
  --neg:#b42318;
  --neg-bg:#fdecea;
  /* shape and type */
  --radius:16px;
  --radius-s:10px;
  --pill:980px;
  --gutter:16px;
  --max:1080px;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
:root[data-scheme="dark"]{
  color-scheme:dark;
  --bg:#000000;
  --surface:#1c1c1e;
  --fill:#2c2c2e;
  --fill2:#3a3a3c;
  --txt:#f5f5f7;
  --dim:#c7c7cc;
  --dim2:#98989f;
  --line:#3a3a3c;
  --on-txt:#000000;
  --accent:#ff7a9a;
  --accent-deep:#e0587b;
  --accent-ink:#1d1d1f;
  --accent-soft:#3a1a24;
  --pos:#5fd38a;
  --pos-bg:#14301f;
  --warn:#ffbf5a;
  --warn-bg:#33270f;
  --neg:#ff8a80;
  --neg-bg:#3b1715;
}