:root{
  --p-ink:#161A1D;
  --p-paper:#FAFAFA;
  --p-white:#ffffff;
  --p-accent:#B4441A;
  --p-tint:#efefef;
  --p-hair:#e1e1e2;

  --c-surface:#FAFAFA;
  --c-surface-raised:#ffffff;
  --c-text:#161a1d;
  --c-text-muted:#707274;
  --c-text-subtle:#707375;
  --c-border:#e1e1e2;
  --c-accent:#B4441A;
  --c-accent-hover:#be5d39;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#000000;
  --c-accent-text:#b4441a;
  --c-focus-ring:#b4441a;
}


[data-surface="inverse"]{
  --c-surface:#161A1D;
  --c-surface-raised:#262a2d;
  --c-text:#ffffff;
  --c-text-muted:#9d9fa0;
  --c-text-subtle:#868889;
  --c-border:#494c4f;
  --c-accent:#d5967f;
  --c-accent-hover:#ba8571;
  --c-on-accent:#161A1D;
  --c-on-accent-hover:#000000;
  --c-accent-text:#cb7c5f;
  --c-focus-ring:#cb7c5f;
}


[data-mode="dark"]{
  --c-surface:#161A1D;
  --c-surface-raised:#262a2d;
  --c-text:#ffffff;
  --c-text-muted:#9d9fa0;
  --c-text-subtle:#868889;
  --c-border:#494c4f;
  --c-accent:#d5967f;
  --c-accent-hover:#ba8571;
  --c-on-accent:#161A1D;
  --c-on-accent-hover:#000000;
  --c-accent-text:#cb7c5f;
  --c-focus-ring:#cb7c5f;
}
[data-mode="dark"] [data-surface="inverse"]{
  --c-surface:#FAFAFA;
  --c-surface-raised:#ffffff;
  --c-text:#161a1d;
  --c-text-muted:#707274;
  --c-text-subtle:#707375;
  --c-border:#e1e1e2;
  --c-accent:#B4441A;
  --c-accent-hover:#be5d39;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#000000;
  --c-accent-text:#b4441a;
  --c-focus-ring:#b4441a;
}


@media (prefers-color-scheme: dark){
  [data-mode="auto"]{
    --c-surface:#161A1D;
    --c-surface-raised:#262a2d;
    --c-text:#ffffff;
    --c-text-muted:#9d9fa0;
    --c-text-subtle:#868889;
    --c-border:#494c4f;
    --c-accent:#d5967f;
    --c-accent-hover:#ba8571;
    --c-on-accent:#161A1D;
    --c-on-accent-hover:#000000;
    --c-accent-text:#cb7c5f;
    --c-focus-ring:#cb7c5f;
  }
  [data-mode="auto"] [data-surface="inverse"]{
    --c-surface:#FAFAFA;
    --c-surface-raised:#ffffff;
    --c-text:#161a1d;
    --c-text-muted:#707274;
    --c-text-subtle:#707375;
    --c-border:#e1e1e2;
    --c-accent:#B4441A;
    --c-accent-hover:#be5d39;
    --c-on-accent:#ffffff;
    --c-on-accent-hover:#000000;
    --c-accent-text:#b4441a;
    --c-focus-ring:#b4441a;
  }
}