/* Beyond family tokens 0.8.0 (approved). Generated from src/foundations; do not edit. */

:root {
	--font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-brand: 'Rubik', system-ui, sans-serif;
	--font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
	--weight-light: 300;
	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--text-display: 2.5rem;
	--leading-display: 1.12;
	--text-title-1: 1.625rem;
	--leading-title-1: 1.2;
	--text-title-2: 1.1875rem;
	--leading-title-2: 1.3;
	--text-title-3: 1rem;
	--leading-title-3: 1.4;
	--text-body: 0.9375rem;
	--leading-body: 1.55;
	--text-small: 0.8125rem;
	--leading-small: 1.45;
	--text-label: 0.75rem;
	--leading-label: 1.3;
	--tracking-label: 0.02em;
	--space-0: 0;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;
	--radius-control: 5px;
	--radius-base: 8px;
	--radius-round: 999px;
	--elevation-flat: none;
	--elevation-raised: 0 1px 2px rgba(18, 31, 54, .08), 0 1px 1px rgba(18, 31, 54, .04);
	--elevation-menu: 0 8px 16px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .06);
	--elevation-dialog: 0 32px 64px -4px rgba(0, 0, 0, .12), 0 12px 24px -2px rgba(0, 0, 0, .06);
	--elevation-window: 0 1px 2px rgba(18, 31, 54, .06), 0 8px 20px -12px rgba(18, 31, 54, .16);
	--elevation-window-focus: 0 2px 4px rgba(18, 31, 54, .06), 0 22px 44px -18px rgba(18, 31, 54, .28);
	--overlay-scrim: rgb(0 0 0 / 0.4);
	--overlay-lift: rgb(18 31 54 / 0.06);
	--motion-quick: 150ms;
	--motion-standard: 200ms;
	--motion-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
	--motion-exit: 120ms;
	--motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
	--comfortable-control: 36px;
	--comfortable-row: 44px;
	--compact-control: 30px;
	--compact-row: 34px;
	--layout-family: 44px;
	--layout-header: 56px;
	--layout-sidebar: 250px;
	--layout-measure: 54ch;
	--layout-content: 1180px;
	--layout-gutter: 16px;
	--layout-gutter-medium: 24px;
	--layout-gutter-wide: 32px;
	--layout-form: 40rem;
	--layout-standard: 90rem;
	--layout-aside: 22rem;
	--layout-fluid-max: 100rem;
	--layout-thread: 80rem;
	--layout-indent: 2.125rem;
	--layout-lane: 48rem;
	--layout-aside-max: 40rem;
	--layout-aside-wide: 48rem;
	--color-canvas: #ffffff;
	--color-surface: #ffffff;
	--color-surface-sunken: #f5f5f5;
	--color-surface-selected: #fbeee9;
	--color-border: #e4e4e4;
	--color-border-strong: #c8c8c8;
	--color-border-control: #767676;
	--color-text: #121f36;
	--color-text-muted: #5f5f5f;
	--color-text-inverse: #ffffff;
	--color-link: #121f36;
	--color-accent: #cb6245;
	--color-focus: #cb6245;
	--color-focus-edge: #121f36;
	--color-action: #9e533e;
	--color-action-hover: #86442f;
	--color-on-action: #ffffff;
	--color-disabled: #e4e4e4;
	--color-on-disabled: #5f5f5f;
	--color-surface-raised: #ffffff;
	--color-sidebar: #ffffff;
	--color-sidebar-hover: #f5f5f5;
	--color-tooltip: #121f36;
	--color-on-tooltip: #ffffff;
	--color-family-bar: #ffffff;
	--color-family-text: #121f36;
	--color-family-muted: #5f5f5f;
	--color-family-marker: #9e533e;
	--color-code: #1d2b3d;
	--color-on-code: #f5f5f5;
	--color-code-comment: #5f5f5f;
	--color-code-keyword: #0033e8;
	--color-code-string: #2b6a3f;
	--color-code-number: #9e533e;
	--color-code-name: #7a5200;
	--color-code-tag: #b3261e;
	--color-success: #2b6a3f;
	--color-success-surface: #eaf5ee;
	--color-warning: #7a5200;
	--color-warning-surface: #fdf4d7;
	--color-danger: #b3261e;
	--color-danger-surface: #fdecea;
	--color-info: #2d4665;
	--color-info-surface: #e9edf3;
	--color-reference: #0033e8;
	--color-reference-surface: #f7f8ff;
	color-scheme: light;
}

:root[data-beyond-mode='dark'] {
	--color-canvas: #101625;
	--color-surface: #112036;
	--color-surface-sunken: #0c1525;
	--color-surface-selected: #2c1a17;
	--color-border: #2b3853;
	--color-border-strong: #424f6e;
	--color-border-control: #8e99bb;
	--color-text: #e6e9ef;
	--color-text-muted: #99a3b1;
	--color-text-inverse: #101625;
	--color-link: #e6e9ef;
	--color-accent: #cb6245;
	--color-focus: #ffa385;
	--color-focus-edge: #e6e9ef;
	--color-action: #e46f4e;
	--color-action-hover: #ffa385;
	--color-on-action: #101625;
	--color-disabled: #1d2b3d;
	--color-on-disabled: #99a3b1;
	--color-surface-raised: #1d2b3d;
	--color-sidebar: #0c1525;
	--color-sidebar-hover: #112036;
	--color-tooltip: #313c50;
	--color-on-tooltip: #e6e9ef;
	--color-family-bar: #0c1525;
	--color-family-text: #e6e9ef;
	--color-family-muted: #99a3b1;
	--color-family-marker: #e46f4e;
	--color-code: #0c1525;
	--color-on-code: #f5f5f5;
	--color-code-comment: #99a3b1;
	--color-code-keyword: #9fb5ff;
	--color-code-string: #7fd19b;
	--color-code-number: #ffa385;
	--color-code-name: #f7c700;
	--color-code-tag: #ff8a80;
	--color-success: #7fd19b;
	--color-success-surface: #13301f;
	--color-warning: #f7c700;
	--color-warning-surface: #2e2710;
	--color-danger: #ff8a80;
	--color-danger-surface: #3a1616;
	--color-info: #9fb5ff;
	--color-info-surface: #1a2540;
	--color-reference: #9fb5ff;
	--color-reference-surface: #1a2247;
	--elevation-raised: 0 1px 2px rgba(0, 0, 0, .45);
	--elevation-menu: 0 12px 28px -6px rgba(0, 0, 0, .5), 0 4px 10px 0 rgba(0, 0, 0, .32);
	--elevation-window: 0 14px 30px -12px rgba(12, 21, 37, .9);
	--elevation-window-focus: 0 30px 64px -16px rgba(12, 21, 37, .96);
	--overlay-lift: rgb(255 255 255 / 0.1);
	color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
:root:not([data-beyond-mode='light']) {
	--color-canvas: #101625;
	--color-surface: #112036;
	--color-surface-sunken: #0c1525;
	--color-surface-selected: #2c1a17;
	--color-border: #2b3853;
	--color-border-strong: #424f6e;
	--color-border-control: #8e99bb;
	--color-text: #e6e9ef;
	--color-text-muted: #99a3b1;
	--color-text-inverse: #101625;
	--color-link: #e6e9ef;
	--color-accent: #cb6245;
	--color-focus: #ffa385;
	--color-focus-edge: #e6e9ef;
	--color-action: #e46f4e;
	--color-action-hover: #ffa385;
	--color-on-action: #101625;
	--color-disabled: #1d2b3d;
	--color-on-disabled: #99a3b1;
	--color-surface-raised: #1d2b3d;
	--color-sidebar: #0c1525;
	--color-sidebar-hover: #112036;
	--color-tooltip: #313c50;
	--color-on-tooltip: #e6e9ef;
	--color-family-bar: #0c1525;
	--color-family-text: #e6e9ef;
	--color-family-muted: #99a3b1;
	--color-family-marker: #e46f4e;
	--color-code: #0c1525;
	--color-on-code: #f5f5f5;
	--color-code-comment: #99a3b1;
	--color-code-keyword: #9fb5ff;
	--color-code-string: #7fd19b;
	--color-code-number: #ffa385;
	--color-code-name: #f7c700;
	--color-code-tag: #ff8a80;
	--color-success: #7fd19b;
	--color-success-surface: #13301f;
	--color-warning: #f7c700;
	--color-warning-surface: #2e2710;
	--color-danger: #ff8a80;
	--color-danger-surface: #3a1616;
	--color-info: #9fb5ff;
	--color-info-surface: #1a2540;
	--color-reference: #9fb5ff;
	--color-reference-surface: #1a2247;
	--elevation-raised: 0 1px 2px rgba(0, 0, 0, .45);
	--elevation-menu: 0 12px 28px -6px rgba(0, 0, 0, .5), 0 4px 10px 0 rgba(0, 0, 0, .32);
	--elevation-window: 0 14px 30px -12px rgba(12, 21, 37, .9);
	--elevation-window-focus: 0 30px 64px -16px rgba(12, 21, 37, .96);
	--overlay-lift: rgb(255 255 255 / 0.1);
	color-scheme: dark;
}
}