/* KNOOBI Light — source: fhP205Bx2zdIe7mm80BV1u, foundation 27:113, quiz 47:2228.
 * Exact Figma WEB names are retained (including camelCase). No app styles/reset.
 * Typography and control-height names below are CSS export aliases, not new Figma variables.
 */
:root,
[data-knoobi-theme="light"] {
  /* Semantic colors: literal resolved values from fresh get_design_context. */
  --knoobi-color-accent: #9a3e16;
  --knoobi-color-background: white;
  --knoobi-color-border: #dad2de;
  --knoobi-color-brand: #6f367c;
  --knoobi-color-brandHover: #582663;
  --knoobi-color-brandPressed: #421d4c;
  --knoobi-color-brandSoft: #f0e5f3;
  --knoobi-color-controlBorder: #85778d;
  --knoobi-color-disabled: #f2edf4;
  --knoobi-color-error: #b42318;
  --knoobi-color-foreground: #292239;
  --knoobi-color-muted: #fff8f1;
  --knoobi-color-mutedText: #655e6c;
  --knoobi-color-selected: #ffd9bf;
  --knoobi-color-success: #216544;
  --knoobi-color-support: #bee9e2;
  --knoobi-color-warning: #805400;

  /* Foundation spacing scale; 20/48 are printed on board 27:113. */
  --knoobi-spacing-4: 4px;
  --knoobi-spacing-8: 8px;
  --knoobi-spacing-12: 12px;
  --knoobi-spacing-16: 16px;
  --knoobi-spacing-20: 20px;
  --knoobi-spacing-24: 24px;
  --knoobi-spacing-32: 32px;
  --knoobi-spacing-40: 40px;
  --knoobi-spacing-48: 48px;

  /* Radius/answer: 52:733. Button/control/panel: 27:280 and quiz context. */
  --knoobi-radius-answer: 6px;
  --knoobi-radius-button: 8px;
  --knoobi-radius-control: 10px;
  --knoobi-radius-panel: 14px;

  /* Exported aliases for the eight existing Inter styles, with zero tracking. */
  --knoobi-font-family: Inter, sans-serif;
  --knoobi-font-display-size: 40px;
  --knoobi-font-display-weight: 600;
  --knoobi-font-display-line-height: 44px;
  --knoobi-font-display-letter-spacing: 0px;
  --knoobi-font-label-size: 14px;
  --knoobi-font-label-weight: 500;
  --knoobi-font-label-line-height: 20px;
  --knoobi-font-label-letter-spacing: 0px;
  --knoobi-font-body-size: 14px;
  --knoobi-font-body-weight: 400;
  --knoobi-font-body-line-height: 24px;
  --knoobi-font-body-letter-spacing: 0px;
  --knoobi-font-section-size: 24px;
  --knoobi-font-section-weight: 600;
  --knoobi-font-section-line-height: 32px;
  --knoobi-font-section-letter-spacing: 0px;
  --knoobi-font-small-size: 12px;
  --knoobi-font-small-weight: 400;
  --knoobi-font-small-line-height: 18px;
  --knoobi-font-small-letter-spacing: 0px;
  --knoobi-font-heading-size: 30px;
  --knoobi-font-heading-weight: 600;
  --knoobi-font-heading-line-height: 36px;
  --knoobi-font-heading-letter-spacing: 0px;
  --knoobi-font-title-size: 16px;
  --knoobi-font-title-weight: 600;
  --knoobi-font-title-line-height: 24px;
  --knoobi-font-title-letter-spacing: 0px;
  --knoobi-font-helper-size: 11px;
  --knoobi-font-helper-weight: 400;
  --knoobi-font-helper-line-height: 16px;
  --knoobi-font-helper-letter-spacing: 0px;

  /* Exported aliases for the control-height scale printed at 27:280. */
  --knoobi-control-height-small: 36px;
  --knoobi-control-height-medium: 40px;
  --knoobi-control-height-large: 44px;
}