/* generated by design/build.ts, do not edit */
/* The website's tokens: the app's dark theme with the aubergine accent, then design/tokens/site.tokens.json. */
:root {
    color-scheme: dark;
    --background-color-content: oklch(18.3% 0.002 25);
    --background-color-current-focus: oklch(30% 0.002 25);
    --background-color-current-item: oklch(28% 0.002 25);
    --background-color-cursor: oklch(28% 0.002 25);
    --background-color-hover: oklch(21.5% 0.002 25);
    --background-color-hover-window: oklch(21.5% 0.002 25);
    --background-color-paper: oklch(100% 0 0);
    --background-color-raised: oklch(24.5% 0.002 25);
    --background-color-scrim: oklch(14% 0.002 25 / 0.5);
    --background-color-scrim-solid: oklch(14% 0.002 25 / 0.85);
    --background-color-selected: var(--color-accent-tint);
    --background-color-selected-cursor: var(--color-accent-tint-cursor);
    --background-color-tab: oklch(21.5% 0.002 25);
    --background-color-tab-active: oklch(24% 0.002 25);
    --background-color-window: oklch(14% 0.002 25);
    --text-color-danger: oklch(70% 0.16 28);
    --text-color-disabled: oklch(50% 0.002 25);
    --text-color-link: var(--color-accent);
    --text-color-on-accent: var(--color-accent-on);
    --text-color-primary: oklch(95.5% 0.002 25);
    --text-color-secondary: oklch(92% 0.002 25);
    --text-color-tertiary: oklch(68% 0.002 25);
    --border-color-faint: oklch(25.2% 0.002 25);
    --border-color-normal: oklch(30% 0.002 25);
    --border-color-ring: oklch(36% 0.002 25);
    --border-color-strong: oklch(58% 0.002 25);
    --border-color-tab-active: oklch(24% 0.002 25);
    --color-accent: oklch(72% 0.13 311);
    --color-accent-fill: oklch(57.5% 0.17 311);
    --color-accent-on: oklch(99.7% 0.001 25);
    --color-accent-tint: oklch(28% 0.035 311);
    --color-accent-tint-cursor: oklch(23.5% 0.038 311);
    --color-danger: oklch(70% 0.16 28);
    --color-success: oklch(78% 0.115 168);
    --color-warning: oklch(86% 0.14 92);
    --color-info: oklch(74% 0.13 255);
    --color-focus: var(--color-accent);
    --color-scroll-thumb: var(--border-color-strong);
    --color-read-circle: var(--border-color-strong);
    --color-label-1: oklch(60% 0.16 282);
    --color-label-2: oklch(60% 0.115 165);
    --color-label-3: oklch(60% 0.13 60);
    --color-label-4: oklch(60% 0.115 228);
    --color-label-5: oklch(60% 0.16 350);
    --color-label-6: oklch(60% 0.12 105);
    --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-half: 2px;
    --radius-control: 6px;
    --radius-dialog: 12px;
    --radius-full: 9999px;
    --radius-item: 4px;
    --radius-panel: 12px;
    --radius-popover: 8px;
    --radius-row: 8px;
    --text-body--line-height: 20px;
    --text-body: 13px;
    --text-body--letter-spacing: -0.04px;
    --text-body--font-weight: 450;
    --text-caption--line-height: 16px;
    --text-caption: 11px;
    --text-caption--letter-spacing: 0.05px;
    --text-caption--font-weight: 500;
    --text-display--line-height: 36px;
    --text-display: 28px;
    --text-display--letter-spacing: -0.4px;
    --text-display--font-weight: 600;
    --text-reading--line-height: 24px;
    --text-reading: 15px;
    --text-reading--letter-spacing: -0.13px;
    --text-reading--font-weight: 450;
    --text-small--line-height: 16px;
    --text-small: 12px;
    --text-small--letter-spacing: 0px;
    --text-small--font-weight: 450;
    --text-title-sm--line-height: 24px;
    --text-title-sm: 16px;
    --text-title-sm--letter-spacing: -0.1px;
    --text-title-sm--font-weight: 600;
    --text-title--line-height: 28px;
    --text-title: 20px;
    --text-title--letter-spacing: -0.2px;
    --text-title--font-weight: 600;
    --font-text: "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-title: "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
    --font-title--font-variation-settings: "opsz" 32;
    --font-weight-medium: 500;
    --font-weight-regular: 450;
    --font-weight-semibold: 600;
    --opacity-icon: 0.9;
    --box-shadow-modal: 0px 0px 0px 0.5px var(--border-color-ring), 0px 4px 40px oklch(10% 0.003 25 / 0.1), 0px 3px 20px oklch(10% 0.003 25 / 0.12), 0px 3px 12px oklch(10% 0.003 25 / 0.12), 0px 2px 8px oklch(10% 0.003 25 / 0.12), 0px 1px 1px oklch(10% 0.003 25 / 0.12);
    --box-shadow-panel: 0px 0px 0px 0.5px var(--border-color-faint), 1px 1px 2px oklch(10% 0.003 25 / 0.5);
    --box-shadow-popover: 0px 0px 0px 0.5px var(--border-color-ring), 0px 3px 8px oklch(10% 0.003 25 / 0.12), 0px 2px 5px oklch(10% 0.003 25 / 0.12), 0px 1px 1px oklch(10% 0.003 25 / 0.12);
    --box-shadow-tab: 0px 0px oklch(10% 0.003 25 / 0);
    --height-row: 44px;
    --height-message-row: 44px;
    --height-palette-row: 44px;
    --height-control-lg: 32px;
    --height-control-md: 28px;
    --height-control-sm: 24px;
    --height-control-xl: 48px;
    --height-control-xs: 20px;
    --height-titlebar: 40px;
    --height-tab: 26px;
    --height-header: 44px;
    --height-switch: 16px;
    --min-height-settings-row: 60px;
    --min-height-scroll-thumb: 32px;
    --width-sidebar: 244px;
    --width-sender: 176px;
    --width-row-slot: 27px;
    --width-status-slot: 24px;
    --width-date: 64px;
    --width-scroll-thumb: 6px;
    --width-tab: 224px;
    --width-switch: 28px;
    --min-width-menu: 192px;
    --min-width-tab: 96px;
    --max-width-palette: 720px;
    --max-width-column: 720px;
    --max-width-dialog: 440px;
    --max-width-menu: 328px;
    --max-width-toast: 400px;
    --max-width-pill: 144px;
    --max-width-chip: 200px;
    --size-icon-md: 16px;
    --size-icon-sm: 14px;
    --size-dot: 8px;
    --size-thumb: 12px;
    --layout-traffic-inset: 72px;
    --padding-box-line: 19px;
    --padding-text-column: 67px;
    --scroll-padding-toast-reserve: 60px;
    --border-width-hairline: 0.5px;
    --ease-enter: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-linear: cubic-bezier(0, 0, 1, 1);
    --ease-move: linear(0, 0.008 1.5%, 0.035 3.1%, 0.086 5.3%, 0.178 8.3%, 0.422 15.6%, 0.537 19.5%, 0.631 23.2%, 0.711 27.0%, 0.779 31.0%, 0.838 35.4%, 0.886 40.4%, 0.926 46.2%, 0.957 53.3%, 0.979 62.8%, 0.994 77.5%, 1);
    --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --duration-base: 150ms;
    --duration-fast: 100ms;
    --duration-instant: 0ms;
    --duration-move: 367ms;
    --duration-toast-hold: 8000ms;
    --enter-opacity: 0.5;
    --enter-scale: 0.98;
    --default-font-family: var(--font-text);
    --default-mono-font-family: var(--font-mono);
    --default-transition-duration: var(--duration-instant);
    --default-transition-timing-function: var(--ease-out);
    --text-hero: 56px;
    --text-hero--line-height: 60px;
    --text-hero--letter-spacing: -1.6px;
    --text-hero--font-weight: 600;
    --text-hero-sm: 36px;
    --text-hero-sm--line-height: 40px;
    --text-hero-sm--letter-spacing: -0.9px;
    --text-hero-sm--font-weight: 600;
    --text-headline: 40px;
    --text-headline--line-height: 48px;
    --text-headline--letter-spacing: -1px;
    --text-headline--font-weight: 600;
    --text-headline-sm: 28px;
    --text-headline-sm--line-height: 36px;
    --text-headline-sm--letter-spacing: -0.5px;
    --text-headline-sm--font-weight: 600;
    --text-lead: 18px;
    --text-lead--line-height: 28px;
    --text-lead--letter-spacing: -0.2px;
    --text-lead--font-weight: 450;
    --text-prose: 16px;
    --text-prose--line-height: 24px;
    --text-prose--letter-spacing: -0.1px;
    --text-prose--font-weight: 450;
    --height-button: 40px;
    --width-page: 1200px;
    --width-prose: 640px;
    --width-callout: 192px;
    --spacing-section: 160px;
    --spacing-section-sm: 96px;
    --spacing-gutter: 32px;
}
@media (prefers-contrast: more) {
    :root {
        --text-color-tertiary: oklch(76% 0.002 25);
        --border-color-faint: oklch(30% 0.002 25);
        --border-color-normal: oklch(40% 0.002 25);
        --border-color-ring: oklch(44% 0.002 25);
        --border-color-strong: oklch(68% 0.002 25);
        --background-color-hover: oklch(23% 0.002 25);
        --background-color-hover-window: oklch(23% 0.002 25);
    }
}