/* The shul's design tokens (src/design/tokens.js). */
@font-face { font-family: "Frank Ruhl Libre"; font-weight: 400; font-display: swap; src: url(/fonts/FrankRuhlLibre-Regular.ttf) format("truetype"); }
@font-face { font-family: "Frank Ruhl Libre"; font-weight: 500; font-display: swap; src: url(/fonts/FrankRuhlLibre-Medium.ttf) format("truetype"); }
@font-face { font-family: "Frank Ruhl Libre"; font-weight: 700; font-display: swap; src: url(/fonts/FrankRuhlLibre-Bold.ttf) format("truetype"); }
:root {
  --ink: #151515;
  --ink-hover: #3a3a3a;
  --on-ink: #fff;
  --muted: #6b6b6b;
  --rule: #dcdcdc;
  --field: #cfcac0;
  --paper: #fbfaf7;
  --card: #fff;
  --desk: #ece9e2;
  --error: #b3261e;
  --done: #6e695f;
  --changed: #b3261e;
  --attention: #fff3cd;
  --attention-line: #e0a800;
  --banner: #f1efe9;
  --highlight: #efede8;
  --soft: #f1f1f1;
  --credit: #777;
  --backdrop: rgba(20, 20, 20, 0.35);
  --seat-line: #3a3a3a;
  --seat-divider: #c8c8c8;
  --seat-open: #fbfaf7;
  --seat-open-line: #a8a296;
  --seat-open-line-print: #999;
  --fixture: #ece9e2;
  --fixture-print: #eee;
  --wall: #9a968e;
  --room-hatch: #ddd;
  --font-serif: "Frank Ruhl Libre", Georgia, serif;
  --font-sheet: 'Frank Ruhl Libre', 'DejaVu Sans', serif;
  --font-arrows: 'DejaVu Sans', sans-serif;
  --font-credit: 'Frank Ruhl Libre', serif;
  --font-sans: sans-serif;
  --font-email: 'Frank Ruhl Libre', Georgia, 'Times New Roman', serif;
  --text-xs: 13px;
  --text-sm: 14px;
  --text-ui: 15px;
  --text-base: 16px;
  --text-md: 17px;
  --text-lg: 18px;
  --text-xl: 19px;
  --text-2xl: 20px;
  --text-3xl: 22px;
  --text-4xl: 30px;
  --text-display: clamp(22px, 5vw, 32px);
  --text-seat-name: 11px;
  --text-seat-id: 9px;
  --print-text-seat-id: 5pt;
  --print-text-seat-name: 6.8pt;
  --print-text-2xs: 8pt;
  --print-text-xs: 10pt;
  --print-text-sm: 10.5pt;
  --print-text-base: 11pt;
  --print-text-md: 12.5pt;
  --print-text-lg: 13pt;
  --print-text-xl: 15pt;
  --print-text-2xl: 16pt;
  --print-text-3xl: 22pt;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --shadow-dialog: 0 8px 30px rgba(0, 0, 0, 0.15);
  --shadow-actions: 0 -6px 12px rgba(251, 250, 247, 0.9);
  --shadow-focus: 0 0 0 1px var(--ink);
  --shadow-changed: 0 0 0 1px var(--changed);
  --shadow-page: 0 1px 4px rgba(0, 0, 0, 0.25);
}