/* Synced from MobyLink/design v0.1.2 (system/dist/tokens.css). Do not edit. */
/* Generated by system/scripts/build.py from system/tokens/*.json (v0.1.2). Do not edit. */
:root {
  /* primitives */
  --neutral-50: #F9FAFB;
  --neutral-100: #F3F4F6;
  --neutral-200: #E5E7EB;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --neutral-950: #030712;
  --forest-50: #EBF4F0;
  --forest-300: #86B69E;
  --forest-500: #46916B;
  --forest-700: #2E6B4D;
  --ocean-50: #EBF5FA;
  --ocean-300: #90C5DF;
  --ocean-500: #2597D0;
  --ocean-700: #166C98;
  --sky-50: #FBEFF3;
  --sky-300: #E8B0C3;
  --sky-500: #E2789C;
  --sky-700: #DA2F68;
  --yellow-50: #FDF8E2;
  --yellow-300: #F9D86C;
  --yellow-500: #F6BB09;
  --yellow-700: #8B5904;
  --orange-50: #FDF1E3;
  --orange-300: #F9BE8B;
  --orange-500: #F37C20;
  --orange-700: #B45309;

  /* semantic colors */
  --brand: #0088FF;
  --brand-text: #0066CC;
  --brand-surface: #E6F3FF;
  --on-brand: #FFFFFF;
  --on-brand-small: #001B33;
  --background: #FFFFFF;
  --surface: #FFFFFF;
  --surface-subtle: #F5F6F8;
  --text-primary: var(--neutral-900);
  --text-secondary: var(--neutral-600);
  --text-tertiary: var(--neutral-500);
  --border: var(--neutral-200);
  --divider: #EEF0F3;
  --scrim: rgba(27, 35, 48, 0.32);
  --success: #1A7F37;
  --success-surface: #E8F5EC;
  --warning: var(--orange-700);
  --warning-surface: var(--orange-50);
  --danger: #D92D20;
  --danger-surface: #FDECEA;
  --danger-text: #B42318;
  --emotion: var(--sky-500);
  --emotion-text: var(--sky-700);
  --emotion-surface: var(--sky-50);
  --switch-on: #34C759;

  /* typography */
  --font-brand: Fredoka, ZCOOLQingKeHuangYou, "PingFang SC", system-ui, sans-serif;
  --font-note: Xiaolai, "PingFang SC", system-ui, sans-serif;
  --font-site-heading: KingHwaOldSong, "Songti SC", "Noto Serif SC", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --type-wordmark: 400 40px/44px var(--font-brand);
  --type-wordmark-latin: 600 40px/44px var(--font-brand);
  --type-brand-slogan: 400 22px/30px var(--font-brand);
  --type-key-line: 400 18px/28px var(--font-note);
  --type-large-title: 700 32px/40px var(--font-sans);
  --type-activity-title: 700 22px/30px var(--font-sans);
  --type-section-title: 600 20px/28px var(--font-sans);
  --type-compact-title: 600 17px/22px var(--font-sans);
  --type-body: 400 16px/24px var(--font-sans);
  --type-body-strong: 600 16px/24px var(--font-sans);
  --type-button-primary: 700 19px/24px var(--font-sans);
  --type-button: 600 17px/22px var(--font-sans);
  --type-metadata: 400 14px/20px var(--font-sans);
  --type-caption: 400 12px/16px var(--font-sans);
  --type-site-display: 400 44px/52px var(--font-site-heading);
  --type-site-heading: 400 32px/40px var(--font-site-heading);

  /* layout */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --touch-target: 48px;
  --row-height: 72px;
  --radius-2xs: 4px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-sheet: 36px;
  --radius-full: 9999px;
  --shadow-surface: 0 2px 3px rgba(32, 43, 54, 0.02), 0 12px 32px rgba(32, 43, 54, 0.05);
  --shadow-control: 0 8px 32px rgba(32, 37, 43, 0.10);
  --shadow-sheet: 0 -8px 40px rgba(17, 24, 39, 0.18);
  --shadow-popover: 0 12px 40px rgba(17, 24, 39, 0.22);
  --motion-fast: 150ms;
  --motion-standard: 220ms;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}