/* Generated from packages/ui/src/theme.css. Do not edit. */
:root {
  --font-body: "Nunito_600SemiBold";
  --font-bold: "Nunito_700Bold";
  --font-heavy: "Nunito_800ExtraBold";
  --font-black: "Nunito_900Black";
  --font-arabic: "NotoNaskhArabic_700Bold";
  --text-display: 32px;
  --text-display--line-height: 38px;
  --text-title: 24px;
  --text-title--line-height: 30px;
  --text-row: 16px;
  --text-row--line-height: 22px;
  --text-body: 16px;
  --text-body--line-height: 22px;
  --text-button: 18px;
  --text-button--line-height: 24px;
  --text-button-sm: 14px;
  --text-button-sm--line-height: 18px;
  --text-section: 14px;
  --text-section--line-height: 18px;
  --text-caption: 13px;
  --text-caption--line-height: 18px;
  --text-arabic: 27px;
  --text-arabic--line-height: 47px;
  --radius-badge: 8px;
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-sheet: 24px;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-transparent: transparent;
  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-raised: #ffffff;
  --color-raised-line: #e6e8ec;
  --color-surface-muted: #f7f8fa;
  --color-line: #e6e8ec;
  --color-line-soft: #f3f4f6;
  --color-ink: #3c3c46;
  --color-ink-2: #6b6f7a;
  --color-ink-disabled: #9aa0ab;
  --color-disabled: #e6e8ec;
  --color-primary: #1fb57a;
  --color-primary-strong: #0b8455;
  --color-primary-lip: #08623f;
  --color-primary-accent-lip: #138a5b;
  --color-primary-soft: #e3f8ee;
  --color-primary-ink: #0b6b45;
  --color-on-primary: #ffffff;
  --color-gold: #ffc531;
  --color-gold-lip: #e0a400;
  --color-gold-ink: #5c3b00;
  --color-orange: #ff9f1c;
  --color-sky: #3bb4f2;
  --color-learn: #7c4ddb;
  --color-learn-lip: #5b33b0;
  --color-danger: #ff5c5c;
  --color-danger-strong: #d6383a;
  --color-danger-lip: #a8262a;
  --color-success-soft: #c9f2de;
  --color-success-sheet: #ddf6ea;
  --color-danger-soft: #ffedec;
  --color-danger-sheet: #ffe4e2;
  --color-danger-ink: #b3261e;
  --color-ink-faint: #b4b8c0;
  --color-locked: #e6e8ec;
  --color-locked-lip: #cdd1d8;
  --color-orange-strong: #e07a00;
  --color-orange-soft: #fff1dc;
  --color-sky-strong: #1e90d6;
  --color-sky-soft: #ddf4ff;
  --color-sky-button: #1a7fba;
  --color-sky-button-lip: #11618f;
  --color-sky-scene: #d6f0fb;
  --color-sky-scene-lip: #7cc4e0;
  --color-gold-soft: #fff4cc;
  --color-gold-ink-2: #8a6100;
  --color-kid-pink: #ff7ab6;
  --color-tile-green: #e3f8ee;
  --color-tile-green-lip: #bdebd5;
  --color-tile-orange: #fff1dc;
  --color-tile-orange-lip: #ffddb0;
  --color-tile-sky: #ddf4ff;
  --color-tile-sky-lip: #b8e4fa;
  --color-tile-purple: #efe6fd;
  --color-tile-purple-lip: #dacbf8;
  --color-tile-pink: #ffe4f1;
  --color-tile-pink-lip: #fbc7df;
  --color-tile-gold: #fff4cc;
  --color-tile-gold-lip: #fbe49a;
  --color-tile-grey: #f3f4f6;
  --color-tile-grey-lip: #e1e3e8;
  --color-nav-active: #e3f8ee;
  --color-nav-active-line: #9ee0c1;
  --color-rule: #eef0f3;
  --color-control-off: #d5d8de;
  --color-dial-tick: #d5d8de;
  --color-switch-thumb: #ffffff;
  --color-primary-outline: #9ee0c1;
  --color-primary-wash: #f2fbf6;
  --color-primary-ring: #d3f4e4;
  --color-danger-wash: #fff6f5;
  --color-danger-outline: #ffb3b3;
  --color-sky-ink: #1673b8;
  --color-orange-ink: #b35f00;
  --color-learn-soft: #efe6fd;
  --color-pink-soft: #ffe4f1;
  --color-pink-ink: #a3134f;
  --color-apple: #1f1f24;
  --color-apple-lip: #000000;
  --color-on-apple: #ffffff;
  --color-chest-shadow: #e6e8ec;
  --color-banner-download: #e3f8ee;
  --color-banner-download-ink: #0b6b45;
  --color-banner-download-track: #bdebd5;
  --color-banner-offline: #3c3c46;
  --color-banner-offline-ink: #ffffff;
  --color-banner-warning: #fff4cc;
  --color-banner-warning-ink: #8a6100;
  --color-banner-error: #ffedec;
  --color-banner-error-ink: #b3261e;
  --color-banner-success: #1fb57a;
  --color-banner-success-ink: #ffffff;
  --color-scene-star: #ffe7a3;
  --color-scene-dim: #000000;
  --color-unit-1: #7c4ddb;
  --color-unit-1-lip: #5b33b0;
  --color-unit-2: #1e90d6;
  --color-unit-2-lip: #1673b8;
  --color-unit-3: #e07a00;
  --color-unit-3-lip: #b35f00;
  --color-scrim: #141820;
  --color-scrim-modal: rgba(20, 24, 32, 0.5);
  --color-scrim-menu: rgba(20, 24, 32, 0.35);
  --color-float-shadow: rgba(20, 24, 32, 0.12);
  --color-toast: #3c3c46;
  --color-on-toast: #ffffff;
  --color-toast-action: #7ee3b4;
  --color-camera: #000000;
  --color-gloss: #ffffff;
  --color-alert: #e5484d;
}