@layer theme {
  :root {
    --status-error: #ce1126;
    --status-error-contrast: #fff;
    --status-success: #218838;
    --status-success-contrast: #fff;
    --status-info: #00589e;
    --status-info-contrast: #fff;
    --status-warning: #f19707;
    --status-warning-contrast: #17191f;

    --highlight: #fbf7e5;
    --highlight-contrast: contrast-color(var(--highlight));

    --bright: white;
    --dark: #4f4637;
    --accent: #b6a878;
    --dividers: #c9c2b6;
    --surface: light-dark(#f8f8f8, #2b2b2b);

    --platinum: #d8d3ca;

    --greyish: #4f4f4f;

    --pen: light-dark(black, var(--bright));
    --paper: light-dark(var(--bright), black);
  }
}