@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: black;
    --accent: #b6a878;
    --dividers: #6a6a6a;
    --surface: light-dark(#f2f2f2, #2b2b2b);

    --greyish: #4f4f4f;

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