/* retoor <retoor@molodetz.nl> */
:root {
  --bg: #0d0c0a;
  --bg-raised: #15130f;
  --bg-sunken: #090807;
  --ink: #ece6da;
  --ink-soft: #cfc8ba;
  --muted: #8c857a;
  --faint: #5b564e;
  --rule: #2a2722;
  --rule-strong: #3d3932;
  --accent: #d4a020;
  --accent-ink: #120f08;
  --accent-rgb: 212, 160, 32;
  --ink-rgb: 236, 230, 218;
  --shade-rgb: 0, 0, 0;
  --success: #7fa36b;
  --warning: #d4a020;
  --danger: #c8644f;
  --info: #7f9eb0;
  --code-bg: #12110e;
  --code-keyword: #d9a441;
  --code-string: #a9b97c;
  --code-comment: #6c675e;
  --code-number: #c98f6a;
  --code-title: #e8d9b5;

  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.5rem;
  --text-hero: clamp(3.25rem, 9vw, 6.5rem);
  --leading-tight: 1.1;
  --leading-body: 1.6;
  --tracking-label: 0.18em;
  --tracking-hero: -0.04em;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4.5rem;

  --radius: 0;
  --radius-pill: 999px;
  --border: 1px solid var(--rule);
  --border-strong: 1px solid var(--rule-strong);
  --shadow-soft: 0 12px 40px rgba(var(--shade-rgb), 0.45);

  --measure: 42rem;
  --wide: 68rem;
  --nav-height: 3.5rem;
  --duration: 160ms;

  --z-floating-button: 900;
  --z-nav-overlay: 998;
  --z-nav-panel: 999;
  --z-nav: 1000;
  --z-nav-dropdown: 1001;
  --z-modal: 2000;
  --z-popover: 2100;
  --z-lightbox: 10000;
  --z-floating-windows: 2147480000;
  --z-toast: 2147483400;
  --z-menu: 2147483500;
  --z-dialog: 2147483647;
}