/* Generated by eigin-tools — edit design/tokens.json, not this file. */

:root,
[data-color-scheme="light"] {
--color-accent: #B39779;
--color-border-signal-approve: #1EAB31;
--color-border-signal-negative: #FF0004;
--color-border-signal-notice: #DAA551;
--color-border-standard-base: #BABAB7;
--color-button-destructive-base: #FF0004;
--color-button-impact-primary: #00000080;
--color-button-impact-secondary: #FFFFFF80;
--color-button-navigation-base: #F6F6F2;
--color-button-spot-base: #A7B04E;
--color-button-standard-primary: #B39779;
--color-button-standard-secondary: #FFFFFF4D;
--color-code-comment: #7E7F7B;
--color-code-deleted: #FF0004;
--color-code-function: #A7B04E;
--color-code-inserted: #1EAB31;
--color-code-keyword: #4A7A52;
--color-code-link: #A7B04E;
--color-code-number: #FCAF53;
--color-code-plain: #323331;
--color-code-string: #FCAF53;
--color-code-type: #A7B04E;
--color-code-variable: #4C4C4A;
--color-icon-impact-base: #F6F6F2;
--color-icon-impact-disabled: #FFFFFF80;
--color-icon-impact-muted: #FFFFFFBF;
--color-icon-signal-approve: #1EAB31;
--color-icon-signal-negative: #FF0004;
--color-icon-signal-notice: #DAA551;
--color-icon-standard-base: #1E1E1D;
--color-icon-standard-disabled: #00000033;
--color-icon-standard-muted: #00000080;
--color-input-standard-active: #DCDDDB;
--color-input-standard-inactive: #DCDDDB;
--color-interaction-active-fill: #347E3E;
--color-interaction-border-error: #FF0004;
--color-interaction-border-focus: #4C4C4A;
--color-interaction-border-hover: #BABAB7;
--color-interaction-dark-disabled: #FFFFFFB3;
--color-interaction-dark-hover: #0000004D;
--color-interaction-dark-pressed: #00000080;
--color-interaction-disabled: #FFFFFFCC;
--color-interaction-light-disabled: #FFFFFF4D;
--color-interaction-light-hover: #0000000F;
--color-interaction-light-pressed: #0000001F;
--color-interaction-open-hover: #A7988A26;
--color-interaction-open-pressed: #9E8E7F40;
--color-interaction-tag-selected: #1E1E1D;
--color-interaction-tag-unselected: #F6F6F2;
--color-surface-impact-alternative: #FCAF53;
--color-surface-impact-base: #A7B04E;
--color-surface-impact-coral: #FE6C3B;
--color-surface-impact-elevated: #4A7A52;
--color-surface-impact-subtle: #B39779;
--color-surface-standard-alternative: #F3F3F3;
--color-surface-standard-base: #EAEAE9;
--color-surface-standard-elevated: #F6F6F2;
--color-text-button-disabled: #BABAB7;
--color-text-button-onPrimary: #323331;
--color-text-button-onSecondary: #323331;
--color-text-button-onSpot: #FFFFFF;
--color-text-impact-base: #F3F3F3;
--color-text-impact-disabled: #FFFFFF80;
--color-text-impact-link: #EAEAE9;
--color-text-impact-muted: #FFFFFFB3;
--color-text-standard-base: #323331;
--color-text-standard-disabled: #0000004D;
--color-text-standard-error: #FF0004;
--color-text-standard-link: #A7B04E;
--color-text-standard-muted: #00000080;
--spacing-n2: 2px;
--spacing-n4: 4px;
--spacing-n8: 8px;
--spacing-n12: 12px;
--spacing-n16: 16px;
--spacing-n20: 20px;
--spacing-n24: 24px;
--spacing-n28: 28px;
--spacing-n32: 32px;
--spacing-n40: 40px;
--spacing-n48: 48px;
--spacing-n56: 56px;
--spacing-n64: 64px;
--spacing-n72: 72px;
--spacing-n80: 80px;
--spacing-n88: 88px;
--spacing-n128: 128px;
--radius-card: 24px;
--radius-full: 9999px;
--stroke-weight-standard: 3px;
--motion-fast: 150ms;
--motion-normal: 250ms;
--motion-slow: 400ms;
--motion-easing-smooth: cubic-bezier(0.42, 0, 0.58, 1);
--motion-easing-snap: cubic-bezier(0.34, 1.26, 0.64, 1);
--motion-easing-gentle: cubic-bezier(0.32, 1.12, 0.56, 1);
--sizing-button-action-extraSmall: 40px;
--sizing-button-action-large: 104px;
--sizing-button-action-medium: 64px;
--sizing-button-action-small: 56px;
--sizing-button-gap-extraSmall: 8px;
--sizing-button-gap-large: 8px;
--sizing-button-gap-medium: 8px;
--sizing-button-gap-small: 8px;
--sizing-button-height-extraSmall: 40px;
--sizing-button-height-large: 76px;
--sizing-button-height-medium: 64px;
--sizing-button-height-small: 56px;
--sizing-button-height-tag: 40px;
--sizing-button-icon-extraSmall: 24px;
--sizing-button-icon-large: 40px;
--sizing-button-icon-medium: 24px;
--sizing-button-icon-small: 24px;
--sizing-card-gap-imageText: 24px;
--sizing-card-gap-text: 16px;
--sizing-card-gap-textCompact: 12px;
--sizing-card-image-largeRatio: 1.5;
--sizing-card-image-smallRatio: 0.75;
--sizing-card-px-large: 32px;
--sizing-card-px-small: 8px;
--sizing-card-py-bottom: 32px;
--sizing-card-py-compact: 24px;
--sizing-card-py-small: 16px;
--sizing-card-py-top: 8px;
--sizing-chat-gap-brand: 16px;
--sizing-chat-gap-message: 32px;
--sizing-chat-gap-small: 16px;
--sizing-chat-gap-user: 8px;
--sizing-chat-px-large-desktop: 56px;
--sizing-chat-px-large-mobile: 32px;
--sizing-chat-px-large-tablet: 40px;
--sizing-chat-px-small-desktop: 24px;
--sizing-chat-px-small-mobile: 8px;
--sizing-chat-px-small-tablet: 16px;
--sizing-image-badgeHostMinWidth: 220px;
--sizing-image-height: 182px;
--sizing-image-icon-badge: 12px;
--sizing-image-icon-cover: 32px;
--sizing-image-icon-ring: 40px;
--sizing-image-ratio-max: 2;
--sizing-image-ratio-min: 0.75;
--sizing-image-ratio-placeholder: 1;
--sizing-input-height: 72px;
--sizing-input-px-left: 24px;
--sizing-input-px-right: 8px;
--sizing-input-py: 24px;
--sizing-pageLayout-contentGrouping-gap: 8px;
--sizing-pageLayout-contentGrouping-px-desktop: 24px;
--sizing-pageLayout-contentGrouping-px-mobile: 8px;
--sizing-pageLayout-contentGrouping-px-tablet: 16px;
--sizing-pageLayout-gap: 40px;
--sizing-pageLayout-headerGrouping-gap: 24px;
--sizing-pageLayout-headerGrouping-px-desktop: 56px;
--sizing-pageLayout-headerGrouping-px-mobile: 32px;
--sizing-pageLayout-headerGrouping-px-tablet: 40px;
--sizing-pageLayout-pyBottom: 40px;
--sizing-pageLayout-pyTop: 32px;
--sizing-segmentedControl-track-height: 40px;
--sizing-switch-knob: 24px;
--sizing-switch-padding: 4px;
--sizing-switch-track-height: 32px;
--sizing-switch-track-width: 56px;
--grid-mobile-columns: 2;
--grid-mobile-outer: 8px;
--grid-mobile-inner: 32px;
--grid-mobile-gutter: 16px;
--grid-tablet-columns: 4;
--grid-tablet-outer: 16px;
--grid-tablet-inner: 40px;
--grid-tablet-gutter: 24px;
--grid-desktop-columns: 4;
--grid-desktop-outer: 24px;
--grid-desktop-inner: 56px;
--grid-desktop-gutter: 24px;
--letter-spacing-l: 1px;
--letter-spacing-m: 0.75px;
--letter-spacing-s: 0.5px;
--letter-spacing-standard: 0px;
--letter-spacing-xs: -0.5px;
--letter-spacing-xxs: -1px;
--letter-spacing-xxxs: -2px;
--font-display: "NorthEastCN", "system-ui", sans-serif;
--font-mono: "FiraCode", "ui-monospace", monospace;
--font-ui: "FiveSerifText", Georgia, serif;
}

:root.coal {
--color-border-standard-base: #4C4C4A;
--color-button-navigation-base: #1B1B1B;
--color-button-standard-secondary: #0000004D;
--color-code-plain: #EFEFEF;
--color-code-variable: #E8E8E8;
--color-icon-impact-base: #0E0001;
--color-icon-standard-base: #F6F6F2;
--color-icon-standard-disabled: #FFFFFF80;
--color-icon-standard-muted: #FFFFFF80;
--color-input-standard-active: #7E7F7B;
--color-input-standard-inactive: #323331;
--color-interaction-border-focus: #E8E8E8;
--color-interaction-border-hover: #4C4C4A;
--color-interaction-dark-disabled: #000000B3;
--color-interaction-disabled: #000000CC;
--color-interaction-light-disabled: #00000099;
--color-interaction-light-hover: #FFFFFF0F;
--color-interaction-light-pressed: #FFFFFF1F;
--color-interaction-tag-selected: #0E0001;
--color-interaction-tag-unselected: #323331;
--color-surface-standard-alternative: #1B1B1B;
--color-surface-standard-base: #232323;
--color-surface-standard-elevated: #0E0001;
--color-text-button-disabled: #4C4C4A;
--color-text-button-onPrimary: #EFEFEF;
--color-text-button-onSecondary: #EFEFEF;
--color-text-impact-base: #EFEFEF;
--color-text-impact-link: #232323;
--color-text-standard-base: #EFEFEF;
--color-text-standard-disabled: #FFFFFF4D;
--color-text-standard-muted: #FFFFFF80;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-normal: 0ms;
    --motion-slow: 0ms;
  }
}