/* CareDots, Concise edition (founder, 25 Oct 2026): the film's palette. Cream paper, sage and leaf greens, olive, ink and a soft sand,
   in place of the main site's plum and ochre. Loaded after styles.css on /concise/ pages only (html.v-con). Dark mode keeps the main dark palette. */
html.v-con{
  --paper:#F4EEE1;--paper2:#EDE6D6;--card:#F9FAEF;--line:rgba(20,24,43,.12);
  --ink:#14182B;--ink2:#2A3150;--mute:#4F5470;
  --sage:#CDEDA3;--sage-c:#DCE7C8;--on-sage-c:#14182B;
  --plum:#4C662B;--plum-d:#4C662B;--plum-c:#DCE7C8;--on-plum-c:#14182B;
  --ochre:#F1DFB6;--ochre-c:#F1DFB6;--on-ochre-c:#14182B;
  --ink-f:#14182B;--on-ink-f:#F4EEE1;
}
/* Olive sections read as the film's olive with cream text. */
.v-con .f-plum{--bg:#4C662B;--on:#F4EEE1}
.v-con .f-ochre{--bg:#F1DFB6;--on:#14182B}
/* The logo pill and the phone pills in olive, the film's accent, instead of the rainbow gradient. */
.v-con .hdr .bar>.logo{background:#4C662B!important;animation:none!important}
.v-con .eyebrow{background:color-mix(in srgb,#4C662B 10%,transparent)}
.v-con .pillw{background:#CDEDA3;color:#14182B}
@media (max-width:900px){
  .v-con .mcta .btn.go{background:#4C662B!important;animation:none!important}
  .v-con .mcta .btn.demo{background:linear-gradient(color-mix(in srgb,#14182B 82%,transparent),color-mix(in srgb,#14182B 82%,transparent)) padding-box,linear-gradient(#CDEDA3,#4C662B) border-box!important;animation:none!important}
  .v-con .tbar a[aria-current="page"]{background:#CDEDA3}
}
/* A very subtle film grain over the cream (founder, 25 Oct 2026). Fixed, non-interactive, light enough to feel rather than see. */
html.v-con body::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.07;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3  0 0 0 0 .28  0 0 0 0 .22  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}
:root[data-theme="dark"].v-con body::after{opacity:.05;mix-blend-mode:screen}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]).v-con body::after{opacity:.05;mix-blend-mode:screen}}