/*
 * Design tokens for Vercel landing (vercel.com)
 * Generated by anydesign · export_for_claude_design.py
 * Source: DTCG design-tokens.json
 */

:root {
  --color-background-100: #FFFFFF;
  --color-background-200: #FAFAFA;
  --color-gray-100: #F2F2F2;
  --color-gray-200: #EBEBEB;
  --color-gray-300: #E6E6E6;
  --color-gray-400: #EAEAEA;
  --color-gray-500: #C9C9C9;
  --color-gray-600: #A8A8A8;
  --color-gray-700: #8F8F8F;
  --color-gray-800: #7D7D7D;
  --color-gray-900: #4D4D4D;
  --color-gray-1000: #171717;
  --color-gray-alpha-100: #0000000d;
  --color-gray-alpha-200: #00000015;
  --color-gray-alpha-300: #0000001a;
  --color-gray-alpha-400: #00000014;
  --color-gray-alpha-500: #00000036;
  --color-gray-alpha-600: #0000003d;
  --color-gray-alpha-700: #00000070;
  --color-gray-alpha-800: #00000082;
  --color-gray-alpha-900: #000000b3;
  --color-gray-alpha-1000: #000000e8;
  --color-blue-100: #F0F7FF;
  --color-blue-200: #EAF4FF;
  --color-blue-300: #E0EFFF;
  --color-blue-400: #CCE7FF;
  --color-blue-500: #97CCFF;
  --color-blue-600: #51AEFF;
  --color-blue-700: #0070F7;
  --color-blue-800: #005EDC;
  --color-blue-900: #0064E2;
  --color-blue-1000: #002453;
  --color-red-100: #FFEEF0;
  --color-red-200: #FFE9EA;
  --color-red-300: #FFE4E5;
  --color-red-400: #FFD8D7;
  --color-red-500: #FFB5B6;
  --color-red-600: #FF6A6E;
  --color-red-700: #FC0035;
  --color-red-800: #E70022;
  --color-red-900: #D60020;
  --color-red-1000: #46000C;
  --color-amber-100: #FFF6E1;
  --color-amber-200: #FFF4D4;
  --color-amber-300: #FFF1C8;
  --color-amber-400: #FFDD84;
  --color-amber-500: #FFC85E;
  --color-amber-600: #FFAA00;
  --color-amber-700: #FFB200;
  --color-amber-800: #FF9900;
  --color-amber-900: #A64F00;
  --color-amber-1000: #541C00;
  --color-green-100: #ECFDEC;
  --color-green-200: #E5FCE7;
  --color-green-300: #D3FAD1;
  --color-green-400: #B9F5BC;
  --color-green-500: #82EB8D;
  --color-green-600: #4CE15E;
  --color-green-700: #28A948;
  --color-green-800: #279141;
  --color-green-900: #107D32;
  --color-green-1000: #00370D;
  --color-teal-100: #DFFFFB;
  --color-teal-200: #DDFEF6;
  --color-teal-300: #CCF9F1;
  --color-teal-400: #B1F7EC;
  --color-teal-500: #52F0DB;
  --color-teal-600: #00E2C4;
  --color-teal-700: #00A694;
  --color-teal-800: #008D7D;
  --color-teal-900: #007A6E;
  --color-teal-1000: #003D34;
  --color-purple-100: #F9F0FF;
  --color-purple-200: #F9F1FF;
  --color-purple-300: #F5E8FF;
  --color-purple-400: #F1D9FF;
  --color-purple-500: #DDA9FF;
  --color-purple-600: #C77DFF;
  --color-purple-700: #9F00F4;
  --color-purple-800: #8400CD;
  --color-purple-900: #7C00C9;
  --color-purple-1000: #2E004D;
  --color-pink-100: #FFEAF5;
  --color-pink-200: #FFEAF2;
  --color-pink-300: #FFE0EB;
  --color-pink-400: #FFD5E1;
  --color-pink-500: #FDB3CC;
  --color-pink-600: #F97EA7;
  --color-pink-700: #F22782;
  --color-pink-800: #E4106E;
  --color-pink-900: #C41562;
  --color-pink-1000: #460523;
  --color-marketing-background: #FAFBFC;
  --color-marketing-violet: #7928CA;
  --color-marketing-cyan: #50E3C2;
  --color-marketing-highlight-pink: #FF0080;
  --typography-font-family-sans: ui-sans-serif, system-ui, "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --typography-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  --typography-font-weight-thin: 100;
  --typography-font-weight-light: 300;
  --typography-font-weight-normal: 400;
  --typography-font-weight-medium: 500;
  --typography-font-weight-semibold: 600;
  --typography-font-weight-bold: 700;
  --typography-font-weight-extrabold: 800;
  --typography-font-size-xs: 0.75rem;
  --typography-font-size-sm: 0.875rem;
  --typography-font-size-base: 1rem;
  --typography-font-size-lg: 1.125rem;
  --typography-font-size-xl: 1.25rem;
  --typography-font-size-2xl: 1.5rem;
  --typography-font-size-3xl: 1.875rem;
  --typography-font-size-5xl: 3rem;
  --typography-letter-spacing-tighter: -0.05em;
  --typography-letter-spacing-tight: -0.025em;
  --typography-letter-spacing-normal: 0em;
  --typography-line-height-tight: 1.25;
  --typography-line-height-normal: 1.5;
  --typography-line-height-relaxed: 1.625;
  --spacing-base: 4px;
  --spacing-2x: 8px;
  --spacing-3x: 12px;
  --spacing-4x: 16px;
  --spacing-6x: 24px;
  --spacing-8x: 32px;
  --spacing-10x: 40px;
  --spacing-16x: 64px;
  --spacing-24x: 96px;
  --spacing-32x: 128px;
  --spacing-48x: 192px;
  --spacing-64x: 256px;
  --container-geist-page-width: 1200px;
  --container-ds-page-width: 1400px;
  --radius-default: 6px;
  --radius-marketing: 8px;
  --radius-code-block: 6px;
  --radius-modal: 12px;
  --radius-3xl: 1.5rem;
  --shadow-2xs: 0px 1px 1px #0000000a;
  --shadow-xs: 0px 1px 2px #0000000a;
  --shadow-small: 0px 2px 2px #0000000a;
  --shadow-medium: 0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a;
  --shadow-large: 0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;
  --shadow-xl: 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
  --shadow-2xl: 0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f;
  --motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --motion-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-ease-swift: cubic-bezier(0.175, 0.885, 0.32, 1.1);
  --motion-duration-fast: 150ms;
  --motion-duration-popover: 200ms;
  --motion-duration-overlay: 300ms;
  --focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px #0070F7;
}
