/* Frogslayer Design System - SuM — generated from tokens.json */
:root, [data-theme="default"] {
  --fs-ink: #000000;
  --fs-cream: #f9f2e6;
  --fs-vivid: #5137f0;
  --fs-mint: #47ed7b;
  --fs-forest: #083f19;
  --fs-leaf: #18923e;
  --fs-sky: #08c6f1;
  --fs-aqua: #b3e8f7;
  --fs-magenta: #fc3ecc;
  --fs-white: #ffffff;
  --fs-vivid-deep: #2e1fa8;
  --fs-ink-soft: #1b1b24;
  --fs-line: rgba(0,0,0,0.10);
  --fs-line-strong: rgba(0,0,0,0.20);
  --fs-muted: rgba(0,0,0,0.65);
  --fs-muted-soft: rgba(0,0,0,0.45);
  --fs-on-dark: rgba(249,242,230,0.72);
  --fs-on-dark-soft: rgba(249,242,230,0.45);
  --fs-on-dark-line: rgba(249,242,230,0.14);
  --fs-shadow-card: 0 20px 40px -20px rgba(0,0,0,0.18);
  --fs-shadow-float: 0 24px 60px -24px rgba(0,0,0,0.30);
  --fs-shadow-quote: 0 12px 32px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.08);
}
:root {
  --fs-radius-pill: 999px;
  --fs-radius-card: 16px;
  --fs-radius-lg: 20px;
  --fs-radius-input: 10px;
  --fs-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --fs-dur-fast: 0.2s;
  --fs-dur-med: 0.3s;
  --font-fs-font-display: 'Bazook', 'Klein', sans-serif;
  --font-fs-font-head: 'Klein', 'Bazook', sans-serif;
  --font-fs-font-body: 'DM Sans', system-ui, sans-serif;
  --font-fs-font-detail: 'LoRes', ui-monospace, monospace;
  --text-eyebrow: 400 16px/1.55 var(--font-fs-font-detail); /* From `.eyebrow` in ui_kits/ai-office-site/kit.css — uppercase. */
  --text-lede: 400 21px/1.55 var(--font-fs-font-body); /* From `.lede` in ui_kits/ai-office-site/kit.css — size is clamp(17px,1.55vw,21px) in CSS; the largest bound is shown. */
}
.eyebrow {
  font-family: var(--font-fs-font-detail);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: 0.16em;
}
.lede {
  font-family: var(--font-fs-font-body);
  font-size: 21px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: 0;
}
@font-face {
  font-family: "Bazook";
  src: url("fonts/Bazook.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Klein";
  src: url("fonts/Klein-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("fonts/DMSans-VariableFont_opsz_wght.ttf") format("truetype");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("fonts/DMSans-Italic-VariableFont_opsz_wght.ttf") format("truetype");
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "LoRes";
  src: url("fonts/LoRes12OT-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}