/* devolar-simple-service design tokens. This file is a media file of the site: replace it through the API
   (PUT /api/v1/sites/<id>/media/tokens.css, or media/tokens.css in the site folder) to restyle the site without a new
   binary. For one or two values use the site setting `tokens` instead ({"accent": "#22c55e"}), which survives theme
   re-installs and can differ per language (`tokens@he`). */
:root {
  /* brand */
  --accent: #FACC15;            /* badges, numbers, highlights; the site setting `accent` overrides it */
  /* light surfaces and text */
  --bg: #ffffff; --tint: #fafafa; --hover: #f4f4f5;
  --fg: #09090b; --body: #27272a; --text: #3f3f46; --muted: #52525b; --faint: #71717a;
  --line: #e4e4e7; --line-strong: #a1a1aa;
  /* dark sections, code and the hero panel */
  --dark: #09090b; --dark-card: #111113; --dark-line: #27272a; --dark-border: #3f3f46;
  --dark-text: #a1a1aa; --dark-fg: #fafafa; --dark-chip: #d4d4d8; --dark-code: #e4e4e7;
  --live: #ef4444;
  /* buttons */
  --btn: #18181b; --btn-hover: #27272a;
  /* type: Heebo covers Hebrew (loaded on right-to-left pages) */
  --sans: 'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  /* shape */
  --radius-sm: 6px; --radius: 8px; --radius-md: 12px; --radius-lg: 16px;
  --shadow: 0 1px 2px rgba(0,0,0,.05);
  --shadow-lg: 0 1px 2px rgba(0,0,0,.06), 0 12px 32px rgba(0,0,0,.06);
  /* mobile menu */
  --drawer-width: min(320px, 86vw); --backdrop: rgba(9,9,11,.4);
}