// Brand Identity - Generated by @forgespace/branding-mcp

// Colors
$color-primary: #8B5CF6;
$color-secondary: #A78BFA;
$color-accent: #6D28D9;
$color-neutral-100: #f2f2f3;
$color-neutral-200: #e5e4e7;
$color-neutral-300: #cbc9cf;
$color-neutral-400: #97949e;
$color-neutral-500: #64616b;
$color-neutral-600: #323036;
$color-neutral-700: #19181b;
$color-neutral-800: #0c0c0d;
$color-success: #22c35d;
$color-warning: #f59f0a;
$color-error: #ef4343;
$color-info: #368fe7;

// Typography
$font-heading: 'Sora', sans-serif;
$font-body: 'DM Sans', sans-serif;
$font-mono: 'IBM Plex Mono', monospace;
$text-xs: 10.24px;
$leading-xs: 1.6;
$text-sm: 12.8px;
$leading-sm: 1.6;
$text-base: 16px;
$leading-base: 1.6;
$text-lg: 20px;
$leading-lg: 1.5;
$text-xl: 25px;
$leading-xl: 1.3;
$text-2xl: 31.25px;
$leading-2xl: 1.3;
$text-3xl: 39.06px;
$leading-3xl: 1.2;
$text-4xl: 48.83px;
$leading-4xl: 1.2;
$text-5xl: 61.04px;
$leading-5xl: 1.2;

// Spacing
$spacing-0: 0px;
$spacing-1: 4px;
$spacing-2: 8px;
$spacing-3: 12px;
$spacing-4: 16px;
$spacing-5: 20px;
$spacing-6: 24px;
$spacing-8: 32px;
$spacing-10: 40px;
$spacing-12: 48px;
$spacing-16: 64px;
$spacing-20: 80px;
$spacing-24: 96px;
$spacing-0.5: 2px;
$spacing-1.5: 6px;
$spacing-2.5: 10px;

// Shadows
$shadow-none: none;
$shadow-sm: 1px 1px 2px 0px rgba(45, 36, 66, 0.05);
$shadow-md: 2px 2px 4px -1px rgba(45, 36, 66, 0.08);
$shadow-lg: 4px 4px 8px -2px rgba(45, 36, 66, 0.1);
$shadow-xl: 8px 8px 16px -4px rgba(45, 36, 66, 0.12);
$shadow-2xl: 16px 16px 32px -8px rgba(45, 36, 66, 0.15);

// Borders
$radius-none: 0px;
$radius-sm: 2px;
$radius-md: 4px;
$radius-lg: 8px;
$radius-xl: 12px;
$radius-full: 9999px;
$radius-circle: 9999px;
$border-thin: 1px;
$border-medium: 2px;
$border-thick: 3px;

// Motion
$duration-instant: 0ms;
$duration-fast: 80ms;
$duration-normal: 150ms;
$duration-slow: 250ms;
$duration-slower: 350ms;
$ease-ease-in: cubic-bezier(0.55, 0, 1, 1);
$ease-ease-out: cubic-bezier(0, 0, 0.1, 1);
$ease-ease-in-out: cubic-bezier(0.55, 0, 0.1, 1);
$ease-spring: cubic-bezier(0.2, 1.6, 0.4, 1);
$ease-bounce: cubic-bezier(0.2, 1.4, 0.4, 1);

// Gradients
$gradient-hero: linear-gradient(315deg, #8B5CF6 0%, #A78BFA 100%);
$gradient-button: linear-gradient(315deg, #6D28D9 0%, #8B5CF6 100%);
$gradient-card: linear-gradient(315deg, #f2f2f3 0%, #cacace 100%);
$gradient-text: linear-gradient(315deg, #8B5CF6 0%, #6D28D9 100%);
$gradient-background: linear-gradient(315deg, #f2f2f3 0%, #0c0c0d 100%);