:root {
  --sys-paper: #ffffff;
  --sys-paper-100: #f5f5f6;
  --sys-paper-200: #e8e8eb;
  --sys-ink-900: #111114;
  --sys-ink-800: #1c1c1f;
  --sys-ink-700: #2d2d31;
  --sys-mid-600: #52525b;
  --sys-mid-500: #71717a;
  --sys-mid-400: #a1a1aa;
  --sys-steel-700: #5a6478;
  --sys-steel-500: #8a99b3;
  --sys-danger: #b42318;
  --sys-success: #157f3b;
  --sys-radius-control: 6px;
  --sys-radius-surface: 8px;
  --sys-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

:root.pf-v5-theme-dark,
html.pf-v5-theme-dark,
html[class*="dark"],
html[data-systematika-theme="dark"] {
  color-scheme: dark;
  --sys-paper: #0a0a0c;
  --sys-paper-100: #111114;
  --sys-paper-200: #202025;
  --sys-ink-900: #f5f5f7;
  --sys-ink-800: #e8e8eb;
  --sys-ink-700: #d4d4d8;
  --sys-mid-600: #a1a1aa;
  --sys-mid-500: #8a8a94;
  --sys-mid-400: #71717a;
  --sys-steel-700: #a9b4c8;
  --sys-steel-500: #8a99b3;
  --sys-danger: #ff7a70;
  --sys-success: #4bd681;
}

html,
body {
  font-family: var(--sys-font-sans);
  letter-spacing: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  color: var(--sys-ink-900);
}

a:hover {
  color: var(--sys-steel-700);
}

button,
input,
select,
textarea {
  font: inherit;
}