:root {
	--space-xs: .25rem;
	--space-sm: .5rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;
	--space-xl: 2rem;
	--space-2xl: 3rem;
	--space-3xl: 4rem;
	--font-heading: "Poppins", sans-serif;
	--font-body: "DM Sans", sans-serif;
	--font-mono: "Monaco", "Consolas", monospace;
	--claire-primary: #7a3ff6;
	--claire-primary-hover: #6b2fe6;
	--claire-primary-light: rgba(122, 63, 246, .1);
	--claire-primary-medium: rgba(122, 63, 246, .25);
	--claire-success: #05a678;
	--claire-success-light: rgba(5, 166, 120, .1);
	--claire-error: #cf4452;
	--claire-error-light: rgba(207, 68, 82, .1);
	--claire-link: #0d6bb8;
	--claire-bg: #fbfbfc;
	--claire-surface: white;
	--claire-surface-raised: #f5f5f7;
	--claire-border: #c0bfcb;
	--claire-border-light: #e6e5ea;
	--claire-text-primary: #2b2a35;
	--claire-text-secondary: #575560;
	--claire-text-muted: #9391a1;
	--claire-text-inverse: white;
	--umbrella-primary: #c41e3a;
	--umbrella-primary-light: rgba(196, 30, 58, .1);
	--umbrella-primary-medium: rgba(196, 30, 58, .25);
	--umbrella-bg: #0d0d0d;
	--umbrella-border: #2d1515;
	--color-primary: #2563eb;
	--color-primary-focus: #1d4ed8;
	--color-primary-content: #ffffff;
	--color-secondary: #059669;
	--color-secondary-focus: #047857;
	--color-accent: #7c3aed;
	--color-accent-focus: #6d28d9;
	--color-neutral: #374151;
	--color-neutral-focus: #1f2937;
	--color-success: #10b981;
	--color-warning: #f59e0b;
	--color-error: #ef4444;
	--color-info: #3b82f6;
	--surface-base: #ffffff;
	--surface-raised: #f9fafb;
	--surface-overlay: #f3f4f6;
	--surface-sunken: #e5e7eb;
	--text-primary: #111827;
	--text-secondary: #6b7280;
	--text-muted: #9ca3af;
	--text-inverse: #ffffff;
	--border-default: #e5e7eb;
	--border-focus: var(--color-primary);
	--border-error: var(--color-error);
	--radius-sm: .375rem;
	--radius-md: .5rem;
	--radius-lg: .75rem;
	--radius-xl: 1rem;
	--radius-2xl: 1.5rem;
	--radius-full: 9999px;
	--text-xs: .75rem;
	--text-sm: .875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--text-4xl: 2.25rem;
	--font-normal: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
	--leading-tight: 1.25;
	--leading-normal: 1.5;
	--leading-relaxed: 1.75;
	--duration-fast: .15s;
	--duration-normal: .2s;
	--duration-slow: .3s;
	--duration-slower: .4s;
	--easing-default: cubic-bezier(.4, 0, .2, 1);
	--easing-in: cubic-bezier(.4, 0, 1, 1);
	--easing-out: cubic-bezier(0, 0, .2, 1);
	--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);
	--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);
	--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);
	--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);
	--shadow-focus: 0 4px 8px rgba(122, 63, 246, .2);
	--shadow-header: 0px 4px 8px 4px rgba(0, 0, 0, .2);
	--z-base: 0;
	--z-dropdown: 10;
	--z-sticky: 20;
	--z-fixed: 30;
	--z-modal: 40;
	--z-popover: 50;
	--z-tooltip: 60;
	--header-height: 64px;
	--icon-sm: 18px;
	--icon-md: 24px;
	--icon-lg: 32px;
	--icon-xl: 40px;
	--icon-2xl: 64px;
	--icon-3xl: 80px;
	--input-height: 3rem;
	--input-height-lg: 3.5rem;
	--btn-padding-x: 1.5rem;
	--btn-padding-y: .75rem
}

*,
:before,
:after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

*,
:before,
:after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e5e7eb
}

:before,
:after {
	--tw-content: ""
}

html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent
}

body {
	margin: 0;
	line-height: inherit
}

img,
iframe {
	display: block;
	vertical-align: middle
}

img {
	max-width: 100%;
	height: auto
}

.min-h-screen {
	min-height: 100vh
}

* {
	scrollbar-width: thin;
	scrollbar-color: rgba(147, 145, 161, .5) transparent
}

*::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

*::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 4px
}

*::-webkit-scrollbar-thumb {
	background: #9391a180;
	border-radius: 4px
}

*::-webkit-scrollbar-thumb:hover {
	background: #9391a1b3
}