:root {
  color-scheme: dark;
  --ul-bg: hsl(230 15% 13%);
  --ul-bg-light: hsl(230 15% 16%);
  --ul-bg-lighter: hsl(230 15% 20%);
  --ul-bg-lightest: hsl(230 15% 25%);
  --ul-bg-dark: hsl(230 15% 10%);
  --ul-bg-darker: hsl(230 15% 8%);
  --ul-bg-darkest: hsl(230 15% 5%);
  --ul-text: hsl(230 15% 95%);
  --ul-text-light: hsl(230 15% 80%);
  --ul-text-secondary: hsl(230 15% 70%);
  --ul-text-muted: hsl(230 15% 50%);
  --ul-border: hsl(230 15% 25%);
  --ul-accent: hsl(230 60% 50%);
  --ul-accent-light: hsl(230 60% 60%);
  --ul-accent-dark: hsl(230 60% 40%);
  --ul-warning: #ff9800;
  --ul-danger: #bd2b21;
  --ul-success: #2ecc71;
  --ul-important: #ffe31d;
  --ul-page-bg: #07090e;
  --ul-card-glass: rgb(15 21 34 / 0.75);
  --ul-card-solid: #0d121d;
  --ul-emerald: #76c498;
  --ul-amber: #efa534;
  --ul-cyan: #38bdf8;
  --ul-purple: #9b59b6;
  --ul-page-text: #f8fafc;
  --ul-page-secondary: #94a3b8;
  --ul-page-muted: #64748b;
  --ul-font-sans: Inter, Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ul-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ul-radius-sm: 3px;
  --ul-radius-md: 5px;
  --ul-radius-lg: 8px;
  --ul-radius-card: 16px;
  --ul-shadow: 0 12px 30px rgb(0 0 0 / 0.3);
  --ul-focus: 0 0 0 3px rgb(82 106 224 / 0.35);
  --ul-shell: 1400px;
  --ul-reading: 820px;
  --ul-reading: 100%;
  --ul-header-height: 72px;
}