:root{
  --p-ink:#231A18;
  --p-paper:#FFFAF7;
  --p-white:#ffffff;
  --p-accent:#A03A33;
  --p-tint:#f3eeeb;
  --p-hair:#e7e1de;

  --c-surface:#FFFAF7;
  --c-surface-raised:#ffffff;
  --c-text:#231a18;
  --c-text-muted:#797270;
  --c-text-subtle:#78706e;
  --c-border:#e7e1de;
  --c-accent:#A03A33;
  --c-accent-hover:#ad554e;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#ffffff;
  --c-accent-text:#a03a33;
  --c-focus-ring:#a03a33;
}


[data-surface="inverse"]{
  --c-surface:#231A18;
  --c-surface-raised:#322a28;
  --c-text:#ffffff;
  --c-text-muted:#a39f9e;
  --c-text-subtle:#8d8887;
  --c-border:#534c4b;
  --c-accent:#d09d99;
  --c-accent-hover:#b88b87;
  --c-on-accent:#231A18;
  --c-on-accent-hover:#010101;
  --c-accent-text:#bd7570;
  --c-focus-ring:#bd7570;
}


[data-mode="dark"]{
  --c-surface:#231A18;
  --c-surface-raised:#322a28;
  --c-text:#ffffff;
  --c-text-muted:#a39f9e;
  --c-text-subtle:#8d8887;
  --c-border:#534c4b;
  --c-accent:#d09d99;
  --c-accent-hover:#b88b87;
  --c-on-accent:#231A18;
  --c-on-accent-hover:#010101;
  --c-accent-text:#bd7570;
  --c-focus-ring:#bd7570;
}
[data-mode="dark"] [data-surface="inverse"]{
  --c-surface:#FFFAF7;
  --c-surface-raised:#ffffff;
  --c-text:#231a18;
  --c-text-muted:#797270;
  --c-text-subtle:#78706e;
  --c-border:#e7e1de;
  --c-accent:#A03A33;
  --c-accent-hover:#ad554e;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#ffffff;
  --c-accent-text:#a03a33;
  --c-focus-ring:#a03a33;
}


@media (prefers-color-scheme: dark){
  [data-mode="auto"]{
    --c-surface:#231A18;
    --c-surface-raised:#322a28;
    --c-text:#ffffff;
    --c-text-muted:#a39f9e;
    --c-text-subtle:#8d8887;
    --c-border:#534c4b;
    --c-accent:#d09d99;
    --c-accent-hover:#b88b87;
    --c-on-accent:#231A18;
    --c-on-accent-hover:#010101;
    --c-accent-text:#bd7570;
    --c-focus-ring:#bd7570;
  }
  [data-mode="auto"] [data-surface="inverse"]{
    --c-surface:#FFFAF7;
    --c-surface-raised:#ffffff;
    --c-text:#231a18;
    --c-text-muted:#797270;
    --c-text-subtle:#78706e;
    --c-border:#e7e1de;
    --c-accent:#A03A33;
    --c-accent-hover:#ad554e;
    --c-on-accent:#ffffff;
    --c-on-accent-hover:#ffffff;
    --c-accent-text:#a03a33;
    --c-focus-ring:#a03a33;
  }
}