/* CareDots V2 (founder, 3 Nov 2026): the website in the deck's Island look (caredeck.pages.dev), the apps' default.
   Cream paper, deep green, sun orange, teal; calm Fustat headlines instead of the extra-wide display face.
   Loaded after concise.css on /v2/ pages only (html.v-isl). The main site (V1) is untouched. */
html.v-isl{
  --paper:#F7F2EA;--paper2:#F0E9DD;--card:#FFFDF8;--line:rgba(22,59,54,.12);
  --ink:#163B36;--ink2:#2A4C46;--mute:#3F5C57;
  --sage:#F6C78F;--sage-c:#E3EFE9;--on-sage-c:#163B36;
  --plum:#1E5A4C;--plum-d:#1E5A4C;--plum-c:#E3EFE9;--on-plum-c:#163B36;
  --ochre:#F2A04E;--ochre-c:#FCE3C4;--on-ochre-c:#3A2606;
  --ink-f:#163B36;--on-ink-f:#F7F2EA;
  --teal:#3E9E9A;
}
@media (prefers-color-scheme:dark){html.v-isl:not([data-theme="light"]){
  --paper:#0F1F1C;--paper2:#152925;--card:#1C332E;--line:rgba(207,227,220,.16);
  --ink:#EAF2EE;--ink2:#CFE0DA;--mute:#B9CCC6;
  --sage:#F2A04E;--sage-c:#183A33;--on-sage-c:#EAF2EE;
  --plum:#7FCFC2;--plum-d:#1E5A4C;--plum-c:#183A33;--on-plum-c:#EAF2EE;
  --ochre:#F2A04E;--ochre-c:#3A2A14;--on-ochre-c:#F6DFB2;
  --ink-f:#0B1715;--on-ink-f:#EAF2EE;--teal:#7FCFC2}}
html.v-isl[data-theme="dark"]{
  --paper:#0F1F1C;--paper2:#152925;--card:#1C332E;--line:rgba(207,227,220,.16);
  --ink:#EAF2EE;--ink2:#CFE0DA;--mute:#B9CCC6;
  --sage:#F2A04E;--sage-c:#183A33;--on-sage-c:#EAF2EE;
  --plum:#7FCFC2;--plum-d:#1E5A4C;--plum-c:#183A33;--on-plum-c:#EAF2EE;
  --ochre:#F2A04E;--ochre-c:#3A2A14;--on-ochre-c:#F6DFB2;
  --ink-f:#0B1715;--on-ink-f:#EAF2EE;--teal:#7FCFC2}

/* Headlines like the deck: Fustat, medium-bold, deep green, normal width. */
html.v-isl h1,html.v-isl h2,html.v-isl .display{font-family:var(--font-sans);font-stretch:100%;font-variation-settings:normal;font-weight:650;letter-spacing:-.025em;line-height:1.04;color:var(--plum)}
html.v-isl .display{font-size:clamp(40px,6.6vw,92px)}
html.v-isl h1{font-size:clamp(36px,5.4vw,78px)}
html.v-isl h2{font-size:clamp(30px,4.2vw,60px)}
html.v-isl .display .l,html.v-isl h1 .l,html.v-isl h2 .l{font-weight:400;color:var(--ink)}
html.v-isl .f-plum h2,html.v-isl .f-ink h2,html.v-isl .f-plum h1,html.v-isl .f-ink h1,html.v-isl .f-plum .l,html.v-isl .f-ink .l{color:var(--on)}

/* Eyebrows: teal, uppercase, like the deck. */
html.v-isl .eyebrow{background:transparent!important;color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-weight:700;padding:0}
html.v-isl .f-plum .eyebrow,html.v-isl .f-ink .eyebrow{color:var(--sage)}

/* The deck's sections: green bands with cream text, cream cards, one orange highlight. */
html.v-isl .f-plum{--bg:#1E5A4C;--on:#F7F2EA}
html.v-isl .f-ink{--bg:var(--ink-f);--on:var(--on-ink-f)}
html.v-isl .f-ochre{--bg:#FCE3C4;--on:#3A2606}
html.v-isl .f-sage{--bg:#E3EFE9;--on:#163B36}
html.v-isl .pillw{background:#F6C78F;color:#163B36}
html.v-isl .pillw.b{background:#F6C78F}
html.v-isl .card{background:var(--card);box-shadow:0 2px 6px rgba(22,59,54,.05),0 10px 28px rgba(22,59,54,.06)}

/* Logo and buttons in deep green; the mobile buttons follow. */
html.v-isl .hdr .bar>.logo{background:#1E5A4C!important;animation:none!important}
html.v-isl .btn.go,html.v-isl .btn.su-go{background:#1E5A4C;border-color:#1E5A4C;color:#F7F2EA}
html.v-isl .eyebrow+h1,html.v-isl .eyebrow+h2{margin-top:6px}
@media (max-width:900px){
  html.v-isl .mcta .btn.go{background:#1E5A4C!important;animation:none!important}
  html.v-isl .mcta .btn.demo{background:linear-gradient(color-mix(in srgb,#163B36 82%,transparent),color-mix(in srgb,#163B36 82%,transparent)) padding-box,linear-gradient(#F6C78F,#1E5A4C) border-box!important;animation:none!important}
  html.v-isl .tbar a[aria-current="page"]{background:#F6C78F}
}

/* A short teal rule under section headlines, as on every deck slide. */
html.v-isl section.field .reveal>h2::after{content:"";display:block;width:120px;height:2px;background:var(--teal);opacity:.7;margin-top:22px}
html.v-isl section.field .reveal[style*="text-align:center"]>h2::after{margin-left:auto;margin-right:auto}

/* Icon tiles on the green accent: cream icon. */
html.v-isl [style*="var(--plum)"] .sn.sn.sn{color:#F7F2EA}
