/* Fancy / Paper: design tokens, exported without value changes. */
:root {
  --color-white: #FFFFFF;
  --color-sand-50: #F3F2EF;
  --color-sand-100: #EDE6DA;
  --color-hairline: #E7E3DB;
  --color-stone: #8A8781;
  --color-slate: #5C5A56;
  --color-ink: #111111;
  --color-bubble-blue: #1F8CFF;
  --color-bubble-gray: #E9E9EB;
  --color-brand-imessage: #34C759;
  --color-brand-whatsapp: #25D366;
  --color-brand-telegram: #2AABEE;
  --color-brand-slack: #E01E5A;
  --color-brand-teams: #5B5FC7;
  --color-brand-gmail: #EA4335;
  --color-background: var(--color-sand-100);
  --color-surface: var(--color-white);
  --color-surface-subtle: var(--color-sand-50);
  --color-text: var(--color-ink);
  --color-text-secondary: var(--color-slate);
  --color-text-muted: var(--color-stone);
  --color-border: var(--color-hairline);
  --color-primary: var(--color-ink);
  --color-primary-foreground: var(--color-white);
  --color-success: #1F8A4C;
  --color-success-soft: #E6F4EC;
  --color-warning: #B26A00;
  --color-warning-soft: #FBF1E0;
  --color-danger: #C8322B;
  --color-danger-soft: #FBE9E7;
  --color-info: #1F6FD6;
  --color-info-soft: #E8F0FC;
  --color-landing-background: var(--color-white);
  --font-sans: Inter;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-display: 32px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-wide: 0.08em;
  --leading-tight: 18px;
  --leading-snug: 22px;
  --leading-normal: 24px;
  --leading-relaxed: 32px;
  --leading-display: 40px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1440px;
  --container-content: 1080px;
  --container-page: 1200px;
  --container-landing: 1280px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-24: 96px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-full: 999px;
}