/* devolar-product design tokens (from the Bazele design system: warm paper, ink, one amber accent, basalt for dark
   bands, rounded corners, IBM Plex Sans Hebrew). 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": "oklch(0.62 0.17 255)"}), which
   survives template re-installs and can differ per language (`tokens@en`). */
:root {
  /* brand */
  --accent: oklch(0.7 0.14 75);                    /* amber: primary buttons, numbers, the CTA band; setting `accent` overrides it */
  --accent-fg: oklch(0.2 0.02 260);                /* text on the accent */
  --accent-text: oklch(0.44 0.126 75);             /* accent-coloured text on paper (links, eyebrows) */
  --accent-surface: oklch(0.966 0.011 81 / 0.5);   /* current nav item, notices, selected chips */
  --accent-border: oklch(0.45 0.09 75 / 0.17);
  /* paper and ink */
  --bg: oklch(0.955 0.012 85);                     /* paper */
  --surface: oklch(0.982 0.0066 85);               /* cards, inputs */
  --container: oklch(0.2 0.02 85 / 0.04);          /* quiet fills: badges, toggles */
  --fg: oklch(0.15 0.009 85);                      /* ink */
  --muted: oklch(0.15 0.009 85 / 0.65);
  --line: oklch(0.2 0.015 85 / 0.2);
  --line-quiet: oklch(0.2 0.015 85 / 0.08);
  /* dark bands (basalt) */
  --dark: oklch(0.18 0.008 260);
  --dark-fg: oklch(1 0.0014 260);
  --dark-muted: oklch(1 0.0014 260 / 0.6);
  --dark-line: oklch(1 0 0 / 0.13);
  /* states (badges in the product illustrations) */
  --success: oklch(0.6 0.2 155); --success-text: oklch(0.45 0.18 155);
  --warning: oklch(0.89 0.3 98); --warning-text: oklch(0.55 0.315 87);
  --error: oklch(0.59 0.2 25); --error-text: oklch(0.45 0.18 25);
  /* type: IBM Plex Sans Hebrew for Hebrew and Arabic pages too; IBM Plex Sans for Latin */
  --sans: 'IBM Plex Sans Hebrew', 'IBM Plex Sans', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  /* shape */
  --radius-s: 8px; --radius: 15px; --radius-l: 19px; --radius-xl: 28px; --radius-pill: 999px;
  --shadow-xs: 0 1px 4px -2px oklch(0.19 0.0012 85 / 0.2);
  --shadow: 0 2px 5px -1px oklch(0.19 0.0012 85 / 0.2);
  --shadow-l: 0 8px 16px -3px oklch(0.19 0.0012 85 / 0.2);
  --page-width: 1200px;
  /* mobile menu */
  --drawer-width: min(320px, 86vw); --backdrop: oklch(0.18 0.008 260 / 0.45);
}