@font-face {
    font-family: "Geist";
    src: url("/fonts/Geist-Variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --pw-font-family: "Geist", "Aptos", "Segoe UI Variable Text", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    --pw-font-family-display: "Geist", "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    --pw-font-family-sans: "Geist", "Aptos", "Segoe UI Variable Text", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    --pw-font-family-mono: "Cascadia Code", "Fira Code", Consolas, monospace;
    --pw-font-size-xs: 0.75rem;
    --pw-font-size-sm: 0.875rem;
    --pw-font-size-md: 1rem;
    --pw-font-size-lg: 1.125rem;
    --pw-font-size-xl: 1.25rem;
    --pw-font-size-2xl: 1.5rem;
    --pw-font-size-3xl: 1.875rem;
    --pw-font-size-4xl: 2.5rem;
    --pw-font-size-5xl: 3.5rem;
    --pw-line-height-tight: 1.2;
    --pw-line-height-normal: 1.5;
    --pw-line-height-relaxed: 1.7;
    --pw-line-height-display: 1.02;
    --pw-letter-spacing-display: -0.045em;

    --pw-color-primary: #652d86;
    --pw-color-primary-hover: #7a3a9e;
    --pw-color-primary-active: #4e2268;
    --pw-color-primary-50: #f3eef7;
    --pw-color-primary-100: #e5d8ee;
    --pw-color-primary-200: #cdb5dc;
    --pw-color-primary-700: #582577;
    --pw-color-primary-900: #291139;
    --pw-color-secondary: #aa8ec3;
    --pw-color-secondary-50: #f8f5fa;
    --pw-color-secondary-100: #efe7f5;
    --pw-color-secondary-200: #dccbe9;
    --pw-color-accent: #147d8f;
    --pw-color-accent-50: #ebf7f9;
    --pw-color-bg: #f6f2f8;
    --pw-color-bg-subtle: #fcfbfd;
    --pw-color-bg-elevated: #f2edf6;
    --pw-color-paper: #ffffff;
    --pw-color-surface: #ffffff;
    --pw-color-surface-muted: rgba(255, 255, 255, 0.84);
    --pw-color-surface-strong: rgba(255, 255, 255, 0.96);
    --pw-color-text: #211c2b;
    --pw-color-text-secondary: #575168;
    --pw-color-text-tertiary: #7b738c;
    --pw-color-border: rgba(81, 59, 105, 0.14);
    --pw-color-border-strong: rgba(81, 59, 105, 0.22);
    --pw-color-link: #652d86;
    --pw-color-link-hover: #7a3a9e;
    --pw-color-neutral-50: #f8f9fa;
    --pw-color-shell-900: #1d1428;
    --pw-color-shell-800: #2d1f3f;
    --pw-color-success-600: #2e7d32;
    --pw-color-success-700: #1b5e20;
    --pw-color-danger-600: #c62828;
    --pw-color-info-600: #1565c0;

    --pw-gradient-page: radial-gradient(circle at top left, rgba(170, 142, 195, 0.16), transparent 34%),
        radial-gradient(circle at top right, rgba(20, 125, 143, 0.12), transparent 28%),
        linear-gradient(180deg, #fdfcff 0%, #f4eef8 52%, #f8f5fa 100%);
    --pw-gradient-shell: linear-gradient(135deg, rgba(101, 45, 134, 0.96), rgba(41, 17, 57, 0.98));
    --pw-gradient-hero: linear-gradient(145deg, rgba(101, 45, 134, 0.12), rgba(20, 125, 143, 0.08) 40%, rgba(255, 255, 255, 0.92));

    --pw-shadow-sm: 0 1px 2px rgba(33, 28, 43, 0.08);
    --pw-shadow-md: 0 12px 24px rgba(33, 28, 43, 0.08);
    --pw-shadow-lg: 0 20px 48px rgba(33, 28, 43, 0.12);
    --pw-shadow-xl: 0 32px 72px rgba(33, 28, 43, 0.18);
    --pw-focus-ring: 0 0 0 3px rgba(101, 45, 134, 0.28);
    --pw-focus-outline: 2px solid rgba(101, 45, 134, 0.88);
    --pw-transition-fast: 160ms ease;
    --pw-transition-normal: 240ms ease;

    --pw-radius-sm: 8px;
    --pw-radius-md: 12px;
    --pw-radius-lg: 18px;
    --pw-radius-xl: 24px;
    --pw-radius-2xl: 32px;
    --pw-radius-card: var(--pw-radius-xl);
    --pw-radius-pill: 999px;

    --pw-space-1: 0.25rem;
    --pw-space-2: 0.5rem;
    --pw-space-3: 0.75rem;
    --pw-space-4: 1rem;
    --pw-space-5: 1.25rem;
    --pw-space-6: 1.5rem;
    --pw-space-8: 2rem;
    --pw-space-10: 2.5rem;
    --pw-space-12: 3rem;
    --pw-space-14: 3.5rem;
    --pw-space-16: 4rem;
    --pw-space-20: 5rem;

    --pw-spacing-1: var(--pw-space-1);
    --pw-spacing-2: var(--pw-space-2);
    --pw-spacing-3: var(--pw-space-3);
    --pw-spacing-4: var(--pw-space-4);
    --pw-spacing-5: var(--pw-space-6);
    --pw-spacing-6: var(--pw-space-8);
    --pw-spacing-7: var(--pw-space-12);
    --pw-spacing-8: var(--pw-space-16);

    --pw-content-width: 1440px;
    --pw-reading-width: 72ch;
}