:root{
  --p-ink:#14161A;
  --p-paper:#FFFFFF;
  --p-white:#ffffff;
  --p-accent:#7A3E2B;
  --p-tint:#f3f3f4;
  --p-hair:#e5e5e6;

  --c-surface:#FFFFFF;
  --c-surface-raised:#ffffff;
  --c-text:#14161a;
  --c-text-muted:#757678;
  --c-text-subtle:#737577;
  --c-border:#e5e5e6;
  --c-accent:#7A3E2B;
  --c-accent-hover:#8d5949;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#ffffff;
  --c-accent-text:#7a3e2b;
  --c-focus-ring:#7a3e2b;
}


[data-surface="inverse"]{
  --c-surface:#14161A;
  --c-surface-raised:#24262a;
  --c-text:#ffffff;
  --c-text-muted:#9c9d9f;
  --c-text-subtle:#858688;
  --c-border:#48494c;
  --c-accent:#ba9b91;
  --c-accent-hover:#a38880;
  --c-on-accent:#14161A;
  --c-on-accent-hover:#000000;
  --c-accent-text:#a2786b;
  --c-focus-ring:#a2786b;
}


[data-mode="dark"]{
  --c-surface:#14161A;
  --c-surface-raised:#24262a;
  --c-text:#ffffff;
  --c-text-muted:#9c9d9f;
  --c-text-subtle:#858688;
  --c-border:#48494c;
  --c-accent:#ba9b91;
  --c-accent-hover:#a38880;
  --c-on-accent:#14161A;
  --c-on-accent-hover:#000000;
  --c-accent-text:#a2786b;
  --c-focus-ring:#a2786b;
}
[data-mode="dark"] [data-surface="inverse"]{
  --c-surface:#FFFFFF;
  --c-surface-raised:#ffffff;
  --c-text:#14161a;
  --c-text-muted:#757678;
  --c-text-subtle:#737577;
  --c-border:#e5e5e6;
  --c-accent:#7A3E2B;
  --c-accent-hover:#8d5949;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#ffffff;
  --c-accent-text:#7a3e2b;
  --c-focus-ring:#7a3e2b;
}


@media (prefers-color-scheme: dark){
  [data-mode="auto"]{
    --c-surface:#14161A;
    --c-surface-raised:#24262a;
    --c-text:#ffffff;
    --c-text-muted:#9c9d9f;
    --c-text-subtle:#858688;
    --c-border:#48494c;
    --c-accent:#ba9b91;
    --c-accent-hover:#a38880;
    --c-on-accent:#14161A;
    --c-on-accent-hover:#000000;
    --c-accent-text:#a2786b;
    --c-focus-ring:#a2786b;
  }
  [data-mode="auto"] [data-surface="inverse"]{
    --c-surface:#FFFFFF;
    --c-surface-raised:#ffffff;
    --c-text:#14161a;
    --c-text-muted:#757678;
    --c-text-subtle:#737577;
    --c-border:#e5e5e6;
    --c-accent:#7A3E2B;
    --c-accent-hover:#8d5949;
    --c-on-accent:#ffffff;
    --c-on-accent-hover:#ffffff;
    --c-accent-text:#7a3e2b;
    --c-focus-ring:#7a3e2b;
  }
}