/* Direction A, "Refined current" (SHL-176): the architect's delta on tokens.css (SHL-176 comment 2101619b), plus
   --mark (front-end lead, aa2021cf), for a page that sets <html data-site="a"> and loads this after base.css. Every
   selector needs data-site="a", so a page without it keeps its values. As in tokens.css, primitives are
   the only hex; o- is amber. The dark blocks repeat every token: the light block comes after tokens.css's dark one in
   the cascade, so a token it sets would otherwise stay light in dark mode. */
:root[data-site="a"] {
  --g-7c7e83: #7c7e83;
  --g-66686d: #66686d;
  --g-8f9196: #8f9196;
  --g-3d3d3d: #3d3d3d;
  --o-8a5300: #8a5300;
  --o-fbecd2: #fbecd2;
  --o-ffc46b: #ffc46b;
  --o-33270f: #33270f;

  --ground: var(--g-f2f2f2);
  --control: var(--g-7c7e83);
  --faint: var(--g-66686d);
  --mint-ink: var(--m-0b6b40);
  --mint-wash: var(--m-d5f5e4);
  --amber-ink: var(--o-8a5300);
  --amber-wash: var(--o-fbecd2);
  --mark: var(--g-3d3d3d);
}

/* a:dark */
:root[data-site="a"][data-theme="dark"] {
  --ground: var(--g-101010);
  --control: var(--g-66686d);
  --faint: var(--g-8f9196);
  --mint-ink: var(--m-a1ffcb);
  --mint-wash: var(--m-18342b);
  --amber-ink: var(--o-ffc46b);
  --amber-wash: var(--o-33270f);
  --mark: var(--g-a6a6a6);
}

@media (prefers-color-scheme: dark) {
  /* a:os-dark */
  :root[data-site="a"]:not([data-theme]) {
    --ground: var(--g-101010);
    --control: var(--g-66686d);
    --faint: var(--g-8f9196);
    --mint-ink: var(--m-a1ffcb);
    --mint-wash: var(--m-18342b);
    --amber-ink: var(--o-ffc46b);
    --amber-wash: var(--o-33270f);
    --mark: var(--g-a6a6a6);
  }
}