/* From apps/platform/design-system/bubble/tokens.css. */
:root {
  --ink: #0A0A0A;
  --ink-2: #3F3F46;
  --ink-3: #71717A;
  --ink-4: #A1A1AA;
  --white: #FFFFFF;
  --surface: #FDFDFD;
  --surface-muted: #F9F9F9;
  --surface-hover: #F0F0F0;
  --surface-pressed: #E8E8E8;
  --skeleton: #EFEFEF;
  --border: #E4E4E7;
  --border-soft: #F1F1F3;
  --dot-idle: #CECECE;
  --btn-primary-top: #2E2E2E;
  --btn-primary-bottom: #1A1A1A;
  --btn-disabled: #8E8E8E;
  --accent: #0A84FF;
  --accent-strong: #0090FD;
  --accent-soft: #EEF8FF;
  --accent-text: #1D4ED8;
  --pink: #FC4D9F;
  --link-pink: #D6338A;
  --success: #16A34A;
  --success-bg: #F0FDF4;
  --success-border: #BBF7D0;
  --success-text: #15803D;
  --danger: #DC2626;
  --danger-bg: #FEF2F2;
  --danger-border: #FECACA;
  --danger-text: #B91C1C;
  --warning: #D97706;
  --warning-bg: #FFFBEB;
  --warning-text: #A16207;
  --chip-bg: #FFF5F6;
  --chip-border: #FAD4DA;
  --chip-text: #8A1027;
  --cat-blue: #1D4ED8;
  --cat-violet: #7E22CE;
  --cat-magenta: #BE185D;
  --cat-orange: #C2410C;
  --cat-green: #15803D;
  --cat-amber: #A16207;
  --cat-slate: #1E293B;
  --mascot-pink: #FF2E93;
  --mascot-purple: #8F0FFE;
  --mascot-blue: #1E88E5;
  --mascot-green: #22C55E;
  --mascot-yellow: #FACC15;
  --mascot-orange: #F97316;
  --mascot-grey: #E5E5E5;
  --mesh-sky: #D3E6FF;
  --mesh-lavender: #E3DEFF;
  --mesh-blush: #FFD9DE;
  --mesh-pink: #FCE4F2;
  --mesh-base: #F5F7FF;
  --ribbon-start: #7C8CF8;
  --ribbon-mid: #F6A06B;
  --ribbon-end: #F27BC6;
  --scrim: rgba(255,255,255,0.4);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-full: 999px;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-2: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(17,24,39,0.06);
  --shadow-3: 0 24px 48px rgba(17,24,39,0.12);
  --shadow-inset-btn: inset 0 1px 0 rgba(255,255,255,0.12);
  --h-chip: 24px;
  --h-control-sm: 32px;
  --h-control: 36px;
  --h-control-lg: 44px;
  --h-row-connector: 56px;
  --h-footer: 72px;
  --w-card: 448px;
  --w-card-split: 912px;
  --w-modal: 560px;
  --w-sidebar: 260px;
  --w-panel: 520px;
  --w-content: 1120px;
  --dur-instant: 100ms;
  --dur-fast: 150ms;
  --dur-base: 200ms;
  --dur-moderate: 250ms;
  --dur-slow: 300ms;
  --ease-out: cubic-bezier(0.2,0.8,0.2,1);
  --ease-in-out: cubic-bezier(0.4,0,0.2,1);
  --ease-in: cubic-bezier(0.4,0,1,1);
  --font-display: "Satoshi", "Plus Jakarta Sans", "General Sans", system-ui, sans-serif;
  --font-ui: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}