/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/design-tokens.scss ***!
  \**********************************************************************************************************************/
:root {
  --color-primary-50: #fdf8f6;
  --color-primary-100: #faeae3;
  --color-primary-200: #f4ccba;
  --color-primary-300: #eaae93;
  --color-primary-400: #e0906e;
  --color-primary-500: #d97757;
  --color-primary-600: #bf5e3c;
  --color-primary-700: #9e4b2e;
  --color-primary-800: #7f3c24;
  --color-primary-900: #68301d;
  --color-primary-950: #3d1b0d;
  --color-primary-rgb: 217, 119, 87;
  --color-secondary-50: #f7f8fa;
  --color-secondary-100: #eef0f4;
  --color-secondary-200: #d9dde7;
  --color-secondary-300: #b8c0d0;
  --color-secondary-400: #8fa0b5;
  --color-secondary-500: #6b82a0;
  --color-secondary-600: #526786;
  --color-secondary-700: #41536d;
  --color-secondary-800: #36455b;
  --color-secondary-900: #253044;
  --color-secondary-950: #141d2d;
  --color-secondary-rgb: 37, 48, 68;
  --color-accent-50: #eef2ff;
  --color-accent-100: #e0e7ff;
  --color-accent-200: #c7d2fe;
  --color-accent-300: #a5b4fc;
  --color-accent-400: #818cf8;
  --color-accent-500: #6366f1;
  --color-accent-600: #4f46e5;
  --color-accent-700: #4338ca;
  --color-accent-800: #3730a3;
  --color-accent-900: #312e81;
  --color-accent-950: #1e1b4b;
  --color-accent-rgb: 99, 102, 241;
  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-success-dark: #065f46;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-warning-dark: #92400e;
  --color-error: #ef4444;
  --color-error-light: #fee2e2;
  --color-error-dark: #991b1b;
  --color-info: #3b82f6;
  --color-info-light: #dbeafe;
  --color-info-dark: #1e40af;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;
  --color-bg-base: #ffffff;
  --color-bg-subtle: #fdf8f6;
  --color-bg-elevated: #ffffff;
  --color-bg-overlay: rgba(0, 0, 0, 0.5);
  --color-text-primary: #111827;
  --color-text-secondary: #374151;
  --color-text-muted: #6b7280;
  --color-text-disabled: #d1d5db;
  --color-text-inverse: #ffffff;
  --color-border-default: #e5e7eb;
  --color-border-subtle: #f3f4f6;
  --color-border-strong: #d1d5db;
  --font-heading: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;
  --font-ui: "Plus Jakarta Sans", system-ui, sans-serif;
  --text-xs: clamp(10px, 1vw, 12px);
  --text-sm: clamp(12px, 1.2vw, 14px);
  --text-base: clamp(14px, 1.4vw, 16px);
  --text-md: clamp(16px, 1.6vw, 18px);
  --text-lg: clamp(18px, 1.8vw, 20px);
  --text-xl: clamp(20px, 2vw, 24px);
  --text-2xl: clamp(24px, 2.5vw, 32px);
  --text-3xl: clamp(30px, 3.5vw, 44px);
  --text-4xl: clamp(40px, 5vw, 60px);
  --text-5xl: clamp(56px, 7vw, 80px);
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --leading-loose: 1.8;
  --tracking-tight: -0.03em;
  --tracking-snug: -0.015em;
  --tracking-normal: 0em;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.08em;
  --tracking-caps: 0.12em;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --section-padding-y: clamp(64px, 8vw, 120px);
  --section-padding-x: clamp(20px, 5vw, 80px);
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1440px;
  --container-prose: 680px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-3xl: 32px;
  --radius-full: 9999px;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.10), 0 4px 8px rgba(0,0,0,0.04);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.06);
  --shadow-2xl: 0 32px 80px rgba(0,0,0,0.16);
  --shadow-primary-glow: 0 8px 32px rgba(217, 119, 87, 0.28);
  --shadow-accent-glow: 0 8px 32px rgba(99, 102, 241, 0.25);
  --shadow-inset: inset 0 2px 4px rgba(0,0,0,0.06);
  --duration-instant: 50ms;
  --duration-fast: 100ms;
  --duration-normal: 200ms;
  --duration-slow: 350ms;
  --duration-slower: 500ms;
  --duration-page: 700ms;
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --z-below: -1;
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  /* About page palette */
  --paper: #f4f0e8;
  --paper-2: #ebe6db;
  --ink: #1a1714;
  --ink-2: #4a443d;
  --ink-3: #807a70;
  --rule: #d8d1c2;
  --accent: oklch(0.62 0.16 35);
  --accent-soft: oklch(0.92 0.04 35);
  --serif: "Instrument Serif", "Times New Roman", serif;
  --sans: "Geist", "Helvetica Neue", Helvetica, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
}

/*# sourceMappingURL=design-tokens.css.map*/