:root{
  --p-ink:#16301F;
  --p-paper:#FCFAF3;
  --p-white:#ffffff;
  --p-accent:#A8532A;
  --p-tint:#efefe7;
  --p-hair:#e3e4dc;

  --c-surface:#FCFAF3;
  --c-surface-raised:#ffffff;
  --c-text:#16301f;
  --c-text-muted:#67776a;
  --c-text-subtle:#67776a;
  --c-border:#e3e4dc;
  --c-accent:#A8532A;
  --c-accent-hover:#b46a46;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#000000;
  --c-accent-text:#a8532a;
  --c-focus-ring:#a8532a;
}


[data-surface="inverse"]{
  --c-surface:#16301F;
  --c-surface-raised:#263e2f;
  --c-text:#ffffff;
  --c-text-muted:#9da8a1;
  --c-text-subtle:#88958d;
  --c-border:#495e50;
  --c-accent:#d7b09d;
  --c-accent-hover:#bc9e8b;
  --c-on-accent:#16301F;
  --c-on-accent-hover:#0d1c12;
  --c-accent-text:#c2876a;
  --c-focus-ring:#c2876a;
}


[data-mode="dark"]{
  --c-surface:#16301F;
  --c-surface-raised:#263e2f;
  --c-text:#ffffff;
  --c-text-muted:#9da8a1;
  --c-text-subtle:#88958d;
  --c-border:#495e50;
  --c-accent:#d7b09d;
  --c-accent-hover:#bc9e8b;
  --c-on-accent:#16301F;
  --c-on-accent-hover:#0d1c12;
  --c-accent-text:#c2876a;
  --c-focus-ring:#c2876a;
}
[data-mode="dark"] [data-surface="inverse"]{
  --c-surface:#FCFAF3;
  --c-surface-raised:#ffffff;
  --c-text:#16301f;
  --c-text-muted:#67776a;
  --c-text-subtle:#67776a;
  --c-border:#e3e4dc;
  --c-accent:#A8532A;
  --c-accent-hover:#b46a46;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#000000;
  --c-accent-text:#a8532a;
  --c-focus-ring:#a8532a;
}


@media (prefers-color-scheme: dark){
  [data-mode="auto"]{
    --c-surface:#16301F;
    --c-surface-raised:#263e2f;
    --c-text:#ffffff;
    --c-text-muted:#9da8a1;
    --c-text-subtle:#88958d;
    --c-border:#495e50;
    --c-accent:#d7b09d;
    --c-accent-hover:#bc9e8b;
    --c-on-accent:#16301F;
    --c-on-accent-hover:#0d1c12;
    --c-accent-text:#c2876a;
    --c-focus-ring:#c2876a;
  }
  [data-mode="auto"] [data-surface="inverse"]{
    --c-surface:#FCFAF3;
    --c-surface-raised:#ffffff;
    --c-text:#16301f;
    --c-text-muted:#67776a;
    --c-text-subtle:#67776a;
    --c-border:#e3e4dc;
    --c-accent:#A8532A;
    --c-accent-hover:#b46a46;
    --c-on-accent:#ffffff;
    --c-on-accent-hover:#000000;
    --c-accent-text:#a8532a;
    --c-focus-ring:#a8532a;
  }
}