:root{
  --p-ink:#101A2C;
  --p-paper:#FBFCFE;
  --p-white:#ffffff;
  --p-accent:#9A6212;
  --p-tint:#eff1f3;
  --p-hair:#e1e3e7;

  --c-surface:#FBFCFE;
  --c-surface-raised:#ffffff;
  --c-text:#101a2c;
  --c-text-muted:#6f7580;
  --c-text-subtle:#6d7380;
  --c-border:#e1e3e7;
  --c-accent:#9A6212;
  --c-accent-hover:#a87833;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#000000;
  --c-accent-text:#9a6212;
  --c-focus-ring:#9a6212;
}


[data-surface="inverse"]{
  --c-surface:#101A2C;
  --c-surface-raised:#212a3b;
  --c-text:#ffffff;
  --c-text-muted:#9b9fa6;
  --c-text-subtle:#838891;
  --c-border:#454c5a;
  --c-accent:#c2a171;
  --c-accent-hover:#a98e67;
  --c-on-accent:#101A2C;
  --c-on-accent-hover:#000000;
  --c-accent-text:#b89159;
  --c-focus-ring:#b89159;
}


[data-mode="dark"]{
  --c-surface:#101A2C;
  --c-surface-raised:#212a3b;
  --c-text:#ffffff;
  --c-text-muted:#9b9fa6;
  --c-text-subtle:#838891;
  --c-border:#454c5a;
  --c-accent:#c2a171;
  --c-accent-hover:#a98e67;
  --c-on-accent:#101A2C;
  --c-on-accent-hover:#000000;
  --c-accent-text:#b89159;
  --c-focus-ring:#b89159;
}
[data-mode="dark"] [data-surface="inverse"]{
  --c-surface:#FBFCFE;
  --c-surface-raised:#ffffff;
  --c-text:#101a2c;
  --c-text-muted:#6f7580;
  --c-text-subtle:#6d7380;
  --c-border:#e1e3e7;
  --c-accent:#9A6212;
  --c-accent-hover:#a87833;
  --c-on-accent:#ffffff;
  --c-on-accent-hover:#000000;
  --c-accent-text:#9a6212;
  --c-focus-ring:#9a6212;
}


@media (prefers-color-scheme: dark){
  [data-mode="auto"]{
    --c-surface:#101A2C;
    --c-surface-raised:#212a3b;
    --c-text:#ffffff;
    --c-text-muted:#9b9fa6;
    --c-text-subtle:#838891;
    --c-border:#454c5a;
    --c-accent:#c2a171;
    --c-accent-hover:#a98e67;
    --c-on-accent:#101A2C;
    --c-on-accent-hover:#000000;
    --c-accent-text:#b89159;
    --c-focus-ring:#b89159;
  }
  [data-mode="auto"] [data-surface="inverse"]{
    --c-surface:#FBFCFE;
    --c-surface-raised:#ffffff;
    --c-text:#101a2c;
    --c-text-muted:#6f7580;
    --c-text-subtle:#6d7380;
    --c-border:#e1e3e7;
    --c-accent:#9A6212;
    --c-accent-hover:#a87833;
    --c-on-accent:#ffffff;
    --c-on-accent-hover:#000000;
    --c-accent-text:#9a6212;
    --c-focus-ring:#9a6212;
  }
}