/* Bedu tokens v2 (canvas model) — production copy for pitch sites, generated from tokens.json.
   Scoped to .bd so Bedu variables never leak into the client's CSS.
   Load order: bedu-tokens.css (imports the fonts) → bedu-layer.css → inline bedu-pictograms.svg → bedu-drift.js (defer).
   Put class="bd bd-canvas" on <body>. Night: data-bedu-theme="night" on <html>. */
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=Geist:wght@400;500;600&family=Alexandria:wght@500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");
.bd{
  --sand:#E9DCC8;
  --paper:#FFFAF2;
  --ink:#1E1611;
  --ink-2:#5B4D42;
  --mist:#8C7E72;
  --hair:rgba(30,22,17,.18);
  --on-ink:#F3EADD;
  --violet:#6C47FF;
  --cyan:#1FB6FF;
  --orange:#FF9F1C;
  --accent-text:#5B37F2;
  --creative:#8A4B00;
  --agentic:#075A80;
  --joker:#5B37F2;
  --conversion:#0B6446;
  --system:#1E1611;
  --focus:#5B37F2;
  --float:0 2px 4px rgba(30,22,17,.10), 0 18px 40px -12px rgba(30,22,17,.35), 0 60px 90px -30px rgba(30,22,17,.45);
  --float-back:0 10px 30px -10px rgba(30,22,17,.35);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:18px;
  --space-5:24px;
  --space-6:32px;
  --space-7:64px;
  --gutter-phone:12px;
  --radius-sheet:14px;
  --radius-control:999px;
  --drift-max:4px;
  --pictogram:16px;
  --counter-square:10px;
  --mark-min:20px;
  --measure:640px;
  --layout-max:1240px;
  --font-display:"Jost", "Futura", "Century Gothic", sans-serif;
  --font-text:"Geist", "Helvetica Neue", Arial, sans-serif;
  --font-ar-display:"Alexandria", "IBM Plex Sans Arabic", Tahoma, sans-serif;
  --font-ar:"IBM Plex Sans Arabic", "Noto Kufi Arabic", Tahoma, sans-serif;
}
[data-bedu-theme="night"] .bd,.bd[data-bedu-theme="night"]{
  --sand:#17110D;
  --paper:#2C231C;
  --ink:#F3EADD;
  --ink-2:#CDBFAF;
  --mist:#9E8F80;
  --hair:rgba(243,234,221,.16);
  --on-ink:#1E1611;
  --violet:#6C47FF;
  --cyan:#1FB6FF;
  --orange:#FF9F1C;
  --accent-text:#A994FF;
  --creative:#FFC773;
  --agentic:#8FDCFF;
  --joker:#A994FF;
  --conversion:#7FE0B8;
  --system:#F3EADD;
  --focus:#A994FF;
  --float:0 0 0 1px rgba(255,255,255,.06), 0 18px 40px -12px rgba(0,0,0,.6), 0 60px 100px -30px rgba(0,0,0,.8);
  --float-back:0 10px 30px -10px rgba(0,0,0,.6);
  color-scheme:dark;
}