:root{
  --p-ink:#1A1714;
  --p-paper:#FFFDF9;
  --p-white:#ffffff;
  --p-accent:#8A5A1C;
  --p-tint:#f2f0ec;
  --p-hair:#e6e4e0;

  --c-surface:#FFFDF9;
  --c-surface-raised:#ffffff;
  --c-text:#1a1714;
  --c-text-muted:#767470;
  --c-text-subtle:#777571;
  --c-border:#e6e4e0;
  --c-accent:#8A5A1C;
  --c-accent-hover:#9a713b;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#000000;
  --c-accent-text:#8a5a1c;
  --c-focus-ring:#8a5a1c;
}


[data-surface="inverse"]{
  --c-surface:#1A1714;
  --c-surface-raised:#2a2724;
  --c-text:#ffffff;
  --c-text-muted:#9f9e9c;
  --c-text-subtle:#888685;
  --c-border:#4c4a48;
  --c-accent:#bb9f7b;
  --c-accent-hover:#a48c6d;
  --c-on-accent:#1A1714;
  --c-on-accent-hover:#000000;
  --c-accent-text:#ad8c60;
  --c-focus-ring:#ad8c60;
}


[data-mode="dark"]{
  --c-surface:#1A1714;
  --c-surface-raised:#2a2724;
  --c-text:#ffffff;
  --c-text-muted:#9f9e9c;
  --c-text-subtle:#888685;
  --c-border:#4c4a48;
  --c-accent:#bb9f7b;
  --c-accent-hover:#a48c6d;
  --c-on-accent:#1A1714;
  --c-on-accent-hover:#000000;
  --c-accent-text:#ad8c60;
  --c-focus-ring:#ad8c60;
}
[data-mode="dark"] [data-surface="inverse"]{
  --c-surface:#FFFDF9;
  --c-surface-raised:#ffffff;
  --c-text:#1a1714;
  --c-text-muted:#767470;
  --c-text-subtle:#777571;
  --c-border:#e6e4e0;
  --c-accent:#8A5A1C;
  --c-accent-hover:#9a713b;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#000000;
  --c-accent-text:#8a5a1c;
  --c-focus-ring:#8a5a1c;
}


@media (prefers-color-scheme: dark){
  [data-mode="auto"]{
    --c-surface:#1A1714;
    --c-surface-raised:#2a2724;
    --c-text:#ffffff;
    --c-text-muted:#9f9e9c;
    --c-text-subtle:#888685;
    --c-border:#4c4a48;
    --c-accent:#bb9f7b;
    --c-accent-hover:#a48c6d;
    --c-on-accent:#1A1714;
    --c-on-accent-hover:#000000;
    --c-accent-text:#ad8c60;
    --c-focus-ring:#ad8c60;
  }
  [data-mode="auto"] [data-surface="inverse"]{
    --c-surface:#FFFDF9;
    --c-surface-raised:#ffffff;
    --c-text:#1a1714;
    --c-text-muted:#767470;
    --c-text-subtle:#777571;
    --c-border:#e6e4e0;
    --c-accent:#8A5A1C;
    --c-accent-hover:#9a713b;
    --c-on-accent:#ffffff;
    --c-on-accent-hover:#000000;
    --c-accent-text:#8a5a1c;
    --c-focus-ring:#8a5a1c;
  }
}