/* The single source of values. Roles and rules: design.md */
:root {
  color-scheme: light;

  --bg: #eceef2;
  --surface: #f8f9fb;
  --ink: #0c1220;
  --ink-muted: #4a5466;
  --line: rgb(12 18 32 / 0.12);
  --accent: #2b3cff;
  --accent-ink: #ffffff;
  --accent-soft: #dfe2ff;
  --night: #0a0e1a;
  --night-ink: #e8ebf4;
  --night-muted: #9aa3b8;
  --night-line: rgb(232 235 244 / 0.12);
  --ok: #0f7a44;
  --danger: #c01e38;

  --font-display: "Noto Sans Hebrew", "IBM Plex Sans Hebrew", system-ui, sans-serif;
  --font-body: "IBM Plex Sans Hebrew", "Noto Sans Hebrew", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "IBM Plex Sans Hebrew", ui-monospace, monospace; /* Plex Mono has no Hebrew: Hebrew glyphs fall through to the loaded Plex Sans Hebrew */

  --fs-mega: clamp(3.5rem, 13vw, 12rem);
  --fs-display: clamp(2.5rem, 7vw, 6rem);
  --fs-h3: clamp(1.375rem, 2.4vw, 2rem);
  --fs-body: 1.125rem;
  --fs-small: 0.9375rem;
  --fs-label: 0.8125rem;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 160px;
  --container: 1320px;
  --gutter: clamp(20px, 5vw, 72px);
  --section-pad: clamp(96px, 14vh, 180px);

  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 28px;
  --r-full: 999px;
  --shadow-1: 0 0 0 1px rgb(12 18 32 / 0.06), 0 1px 2px -1px rgb(12 18 32 / 0.06), 0 2px 4px rgb(12 18 32 / 0.04);
  --shadow-1h: 0 0 0 1px rgb(12 18 32 / 0.08), 0 2px 4px -1px rgb(12 18 32 / 0.08), 0 8px 24px rgb(12 18 32 / 0.08);
  --shadow-night: 0 0 0 1px rgb(255 255 255 / 0.08);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 300ms;

  --dir: -1; /* the document is RTL: inline-start is the right side */
}
/* the English page (/en/) is LTR: inline-start is the left side */
:root[dir="ltr"] { --dir: 1; }