/* Soft tints: cool near-white ground, status as pale washes with deep text.
   Source: projects/stockmaster/design/versions/v6b.html. */
[data-theme="soft-tints"]{
  color-scheme: light;
  /* Cool near-white ground, paper cards */
  --bg:#EDEFF2; --bg-top:#F4F5F7; --card:#FDFDFB; --card-2:#F6F7F8; --card-3:#EDEFF2; --tip:#FFFFFF;
  --side-top:#F3F4F6; --side-bot:#ECEEF1; --row-hover:#F5F6F8; --row-ok:#F4F6F7;
  --line:#E0E3E7; --line-2:#CBD0D6;
  --ink:#16181C; --ink-2:#43474E; --ink-3:#5F646C; --ink-4:#92969D; --axis:#7F848C;
  --on-ink:#FFFFFF; --on-ink-2:rgba(255,255,255,.78); --on-ink-3:rgba(255,255,255,.75);
  --shade:18,22,30; --hi-rgb:255,255,255;
  /* Copper accent, unchanged from Daylight */
  --copper:#A34A12; --copper-2:#C25B1C; --copper-3:#E07B35; --copper-tint:#F6E4D6; --copper-tint-2:#FBF2EA;
  --copper-line:rgba(163,74,18,.35);
  /* Status, reserved. Wash = tile, chip = small pill, line = edge, deep = number, word and text,
     mid = bars, squares, swatches and legend */
  --red-wash:#FBDDE1; --red-chip:#F9D2D8; --red-line:#F0BCC4; --red-deep:#A11C37; --red:#DB6676;
  --amber-wash:#FBECB4; --amber-chip:#F7E39A; --amber-line:#E8CF7C; --amber-deep:#6A4F00; --amber:#EECB52; --amber-edge:#D9B23E;
  --green-wash:#D5F0DF; --green-chip:#C6EAD4; --green-line:#A9DCBD; --green-deep:#13603A; --green:#6FC79F;
  --np:#EDF0F3; --np-ink:#454E5B; --np-edge:#CDD3DB; --np-bar:#C3C9D1;
  --nd-wash:#E8E4DD; --nd-ink:#4A453E; --nd-edge:#D1CAC0; --nd:#9B9488;
  --red-on:var(--red-deep); --green-on:var(--green-deep); --amber-on:var(--amber-deep); --nd-on:var(--nd-ink);
  --red-edge:var(--red-line); --green-edge:var(--green-line);
  --sh-card: 0 0 0 1px rgba(var(--shade),.07), 0 1px 2px rgba(var(--shade),.06), 0 10px 24px -14px rgba(var(--shade),.22);
  --sh-lift: 0 0 0 1px rgba(var(--shade),.09), 0 2px 4px rgba(var(--shade),.07), 0 18px 32px -16px rgba(var(--shade),.30);
  --sh-hover: 0 12px 22px -12px rgba(var(--shade),.32);
}
[data-theme="soft-tints"] .chip-red{background:var(--red-chip);color:var(--red-deep);box-shadow:inset 0 0 0 1px var(--red-line)}
[data-theme="soft-tints"] .chip-amber{background:var(--amber-chip);color:var(--amber-deep);box-shadow:inset 0 0 0 1px var(--amber-line)}
[data-theme="soft-tints"] .chip-green{background:var(--green-chip);color:var(--green-deep);box-shadow:inset 0 0 0 1px var(--green-line)}
[data-theme="soft-tints"] .chip-nd{background:var(--nd-wash);color:var(--nd-ink);box-shadow:inset 0 0 0 1px var(--nd-edge)}
[data-theme="soft-tints"] .sp:hover{transform:translateY(-2px);box-shadow:var(--sh-hover)}
[data-theme="soft-tints"] .sp-red{background:var(--red-wash);color:var(--red-deep);box-shadow:inset 0 0 0 1px var(--red-line)}
[data-theme="soft-tints"] .sp-amber{background:var(--amber-wash);color:var(--amber-deep);box-shadow:inset 0 0 0 1px var(--amber-line)}
[data-theme="soft-tints"] .sp-green{background:var(--green-wash);color:var(--green-deep);box-shadow:inset 0 0 0 1px var(--green-line)}
[data-theme="soft-tints"] .sp-nd{background:var(--nd-wash);color:var(--nd-ink);box-shadow:inset 0 0 0 1px var(--nd-edge)}
[data-theme="soft-tints"] .sp-red:hover{box-shadow:inset 0 0 0 1px var(--red-line),var(--sh-hover)}
[data-theme="soft-tints"] .sp-amber:hover{box-shadow:inset 0 0 0 1px var(--amber-line),var(--sh-hover)}
[data-theme="soft-tints"] .sp-green:hover{box-shadow:inset 0 0 0 1px var(--green-line),var(--sh-hover)}
[data-theme="soft-tints"] .sp-np:hover{box-shadow:inset 0 0 0 1px var(--np-edge),var(--sh-hover)}
[data-theme="soft-tints"] .sp-nd:hover{box-shadow:inset 0 0 0 1px var(--nd-edge),var(--sh-hover)}