/* GENERATED by generate-tokens.py from talon.tokens.json; edit JSON, not this file. */

/* Proposal values. Load AFTER Element Plus base + dark CSS, before component overrides. */

:root {
  --t-font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --t-font-mono: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', monospace;
  --t-font-body: 14px;
  --t-font-label: 13px;
  --t-font-caption: 12px;
  --t-font-title: 18px;
  --t-font-hero: 24px;
  --t-font-weight-regular: 400;
  --t-font-weight-medium: 500;
  --t-font-weight-semibold: 600;
  --t-font-leading-body: 1.6;
  --t-font-leading-compact: 1.4;
  --t-font-leading-title: 1.3;
  --t-size-control: 36px;
  --t-size-controlSmall: 28px;
  --t-size-controlLarge: 40px;
  --t-size-touch: 44px;
  --t-size-icon: 18px;
  --t-size-avatar: 32px;
  --t-radius-control: 8px;
  --t-radius-card: 12px;
  --t-radius-bubble: 14px;
  --t-radius-small: 6px;
  --t-radius-pill: 999px;
  --t-space-1: 4px;
  --t-space-2: 8px;
  --t-space-3: 12px;
  --t-space-4: 16px;
  --t-space-5: 20px;
  --t-space-6: 24px;
  --t-space-8: 32px;
  --t-motion-fast: 120ms;
  --t-motion-normal: 180ms;
  --t-motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --t-layout-nav: 184px;
  --t-layout-list: 292px;
  --t-layout-aside: 336px;
  --t-layout-top: 56px;
  --t-layout-navCollapsed: 64px;
  --t-layout-contentMin: 420px;
  --t-focus-width: 2px;
  --t-focus-offset: 2px;
  --t-z-base: 0;
  --t-z-sticky: 10;
  --t-z-popover: 100;
  --t-z-modal: 200;
  --t-z-toast: 300;
  --el-font-family: var(--t-font-sans);
  --el-font-size-base: var(--t-font-body);
  --el-font-size-small: var(--t-font-label);
  --el-font-size-extra-small: var(--t-font-caption);
  --el-font-size-large: var(--t-font-title);
  --el-font-weight-primary: var(--t-font-weight-medium);
  --el-border-radius-base: var(--t-radius-control);
  --el-border-radius-small: var(--t-radius-small);
  --el-border-radius-round: var(--t-radius-pill);
  --el-border-radius-circle: 100%;
  --el-component-size: var(--t-size-control);
  --el-component-size-small: var(--t-size-controlSmall);
  --el-component-size-large: var(--t-size-controlLarge);
  --el-transition-duration: var(--t-motion-normal);
  --el-transition-duration-fast: var(--t-motion-fast);
}

:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --t-bg-app: #101315;
  --t-bg-base: #14181C;
  --t-bg-panel: #181C20;
  --t-bg-raised: #20262C;
  --t-bg-hover: #252D35;
  --t-border-muted: #2B333C;
  --t-border-control: #69798B;
  --t-text-primary: #F3F4F6;
  --t-text-secondary: #ADB4BE;
  --t-text-tertiary: #8994A3;
  --t-text-disabled: #68717D;
  --t-text-onAccent: #FFFFFF;
  --t-text-onStatus: #101315;
  --t-accent-base: #356AE6;
  --t-accent-hover: #2D5ED4;
  --t-accent-soft: #1E2B46;
  --t-accent-text: #8CADFF;
  --t-status-success: #64C8A4;
  --t-status-successSoft: #19352E;
  --t-status-warning: #E9B96D;
  --t-status-warningSoft: #3C3020;
  --t-status-danger: #F08080;
  --t-status-dangerSoft: #3E252A;
  --t-status-info: #8CADFF;
  --t-status-infoSoft: #1E2B46;
  --t-bubble-in: #232A31;
  --t-bubble-out: #243B56;
  --t-overlay-scrim: rgba(0, 0, 0, 0.56);
  --t-shadow-card: 0 4px 16px rgba(0, 0, 0, 0.12);
  --t-shadow-popover: 0 12px 36px rgba(0, 0, 0, 0.32);
  --t-focus-color: #8CADFF;
  --el-color-primary: var(--t-accent-base);
  --el-color-primary-light-3: #2C53AB;
  --el-color-primary-light-5: #274383;
  --el-color-primary-light-7: #21335B;
  --el-color-primary-light-8: #1E2C48;
  --el-color-primary-light-9: #1B2434;
  --el-color-primary-dark-2: #2A55B8;
  --el-color-success: var(--t-status-success);
  --el-color-success-light-3: #4D947C;
  --el-color-success-light-5: #3E7262;
  --el-color-success-light-7: #2F5048;
  --el-color-success-light-8: #273E3A;
  --el-color-success-light-9: #202D2D;
  --el-color-success-dark-2: #50A083;
  --el-color-warning: var(--t-status-warning);
  --el-color-warning-light-3: #AA8A56;
  --el-color-warning-light-5: #816B47;
  --el-color-warning-light-7: #574B37;
  --el-color-warning-light-8: #423B2F;
  --el-color-warning-light-9: #2D2C28;
  --el-color-warning-dark-2: #BA9457;
  --el-color-danger: var(--t-status-danger);
  --el-color-danger-light-3: #AF6263;
  --el-color-danger-light-5: #844E50;
  --el-color-danger-light-7: #593A3D;
  --el-color-danger-light-8: #433033;
  --el-color-danger-light-9: #2E262A;
  --el-color-danger-dark-2: #C06666;
  --el-color-error: var(--t-status-danger);
  --el-color-error-light-3: #AF6263;
  --el-color-error-light-5: #844E50;
  --el-color-error-light-7: #593A3D;
  --el-color-error-light-8: #433033;
  --el-color-error-light-9: #2E262A;
  --el-color-error-dark-2: #C06666;
  --el-color-info: var(--t-status-info);
  --el-color-info-light-3: #6982BC;
  --el-color-info-light-5: #526590;
  --el-color-info-light-7: #3B4863;
  --el-color-info-light-8: #2F394D;
  --el-color-info-light-9: #242B36;
  --el-color-info-dark-2: #708ACC;
  --el-bg-color: var(--t-bg-panel);
  --el-bg-color-page: var(--t-bg-app);
  --el-bg-color-overlay: var(--t-bg-raised);
  --el-text-color-primary: var(--t-text-primary);
  --el-text-color-regular: var(--t-text-secondary);
  --el-text-color-secondary: var(--t-text-secondary);
  --el-text-color-placeholder: var(--t-text-tertiary);
  --el-text-color-disabled: var(--t-text-disabled);
  --el-border-color: var(--t-border-control);
  --el-border-color-light: var(--t-border-muted);
  --el-border-color-lighter: var(--t-border-muted);
  --el-border-color-extra-light: var(--t-border-muted);
  --el-border-color-dark: var(--t-border-control);
  --el-border-color-darker: var(--t-border-control);
  --el-fill-color: var(--t-bg-hover);
  --el-fill-color-light: var(--t-bg-raised);
  --el-fill-color-lighter: var(--t-bg-panel);
  --el-fill-color-extra-light: var(--t-bg-panel);
  --el-fill-color-dark: var(--t-bg-hover);
  --el-fill-color-darker: var(--t-border-muted);
  --el-fill-color-blank: var(--t-bg-panel);
  --el-disabled-bg-color: var(--t-bg-raised);
  --el-disabled-text-color: var(--t-text-disabled);
  --el-disabled-border-color: var(--t-border-muted);
  --el-mask-color: var(--t-overlay-scrim);
  --el-overlay-color: var(--t-overlay-scrim);
  --el-overlay-color-light: var(--t-overlay-scrim);
  --el-overlay-color-lighter: var(--t-overlay-scrim);
  --el-box-shadow: var(--t-shadow-popover);
  --el-box-shadow-light: var(--t-shadow-card);
  --el-box-shadow-lighter: var(--t-shadow-card);
  --el-box-shadow-dark: var(--t-shadow-popover);
  --el-color-white: var(--t-text-onAccent);
  --el-menu-bg-color: var(--t-bg-app);
  --el-menu-text-color: var(--t-text-secondary);
  --el-menu-active-color: var(--t-accent-text);
  --el-menu-hover-bg-color: var(--t-bg-hover);
}

:root:not([data-theme="light"]) .el-button--success:not(.is-plain):not(.is-link):not(.is-text) {
  --el-button-text-color: var(--t-text-onStatus);
  --el-button-hover-text-color: var(--t-text-onStatus);
  --el-button-active-text-color: var(--t-text-onStatus);
  --el-button-bg-color: #64C8A4;
  --el-button-border-color: #64C8A4;
  --el-button-hover-bg-color: #5CB797;
  --el-button-hover-border-color: #5CB797;
  --el-button-active-bg-color: #55A68A;
  --el-button-active-border-color: #55A68A;
}

:root:not([data-theme="light"]) .el-button--warning:not(.is-plain):not(.is-link):not(.is-text) {
  --el-button-text-color: var(--t-text-onStatus);
  --el-button-hover-text-color: var(--t-text-onStatus);
  --el-button-active-text-color: var(--t-text-onStatus);
  --el-button-bg-color: #E9B96D;
  --el-button-border-color: #E9B96D;
  --el-button-hover-bg-color: #D4A965;
  --el-button-hover-border-color: #D4A965;
  --el-button-active-bg-color: #BF9A5E;
  --el-button-active-border-color: #BF9A5E;
}

:root:not([data-theme="light"]) .el-button--danger:not(.is-plain):not(.is-link):not(.is-text) {
  --el-button-text-color: var(--t-text-onStatus);
  --el-button-hover-text-color: var(--t-text-onStatus);
  --el-button-active-text-color: var(--t-text-onStatus);
  --el-button-bg-color: #F08080;
  --el-button-border-color: #F08080;
  --el-button-hover-bg-color: #DA7676;
  --el-button-hover-border-color: #DA7676;
  --el-button-active-bg-color: #C56C6D;
  --el-button-active-border-color: #C56C6D;
}

:root:not([data-theme="light"]) .el-button--info:not(.is-plain):not(.is-link):not(.is-text) {
  --el-button-text-color: var(--t-text-onStatus);
  --el-button-hover-text-color: var(--t-text-onStatus);
  --el-button-active-text-color: var(--t-text-onStatus);
  --el-button-bg-color: #8CADFF;
  --el-button-border-color: #8CADFF;
  --el-button-hover-bg-color: #809FE9;
  --el-button-hover-border-color: #809FE9;
  --el-button-active-bg-color: #7590D2;
  --el-button-active-border-color: #7590D2;
}

:root[data-theme="light"] {
  color-scheme: light;
  --t-bg-app: #F4F5F7;
  --t-bg-base: #FFFFFF;
  --t-bg-panel: #FFFFFF;
  --t-bg-raised: #FFFFFF;
  --t-bg-hover: #EDF0F4;
  --t-border-muted: #DEE3E9;
  --t-border-control: #7B8796;
  --t-text-primary: #20262D;
  --t-text-secondary: #4D5968;
  --t-text-tertiary: #657184;
  --t-text-disabled: #8D97A5;
  --t-text-onAccent: #FFFFFF;
  --t-text-onStatus: #FFFFFF;
  --t-accent-base: #356AE6;
  --t-accent-hover: #2D5ED4;
  --t-accent-soft: #EAF0FF;
  --t-accent-text: #2255BC;
  --t-status-success: #167951;
  --t-status-successSoft: #E7F4ED;
  --t-status-warning: #946009;
  --t-status-warningSoft: #FFF4DE;
  --t-status-danger: #BD3948;
  --t-status-dangerSoft: #FDECEF;
  --t-status-info: #2255BC;
  --t-status-infoSoft: #EAF0FF;
  --t-bubble-in: #F0F2F5;
  --t-bubble-out: #EAF1FC;
  --t-overlay-scrim: rgba(20, 24, 28, 0.32);
  --t-shadow-card: 0 4px 16px rgba(20, 24, 28, 0.04);
  --t-shadow-popover: 0 12px 36px rgba(20, 24, 28, 0.12);
  --t-focus-color: #356AE6;
  --el-color-primary: var(--t-accent-base);
  --el-color-primary-light-3: #7297EE;
  --el-color-primary-light-5: #9AB5F3;
  --el-color-primary-light-7: #C2D2F8;
  --el-color-primary-light-8: #D7E1FA;
  --el-color-primary-light-9: #EBF0FD;
  --el-color-primary-dark-2: #2A55B8;
  --el-color-success: var(--t-status-success);
  --el-color-success-light-3: #5CA185;
  --el-color-success-light-5: #8BBCA8;
  --el-color-success-light-7: #B9D7CB;
  --el-color-success-light-8: #D0E4DC;
  --el-color-success-light-9: #E8F2EE;
  --el-color-success-dark-2: #126141;
  --el-color-warning: var(--t-status-warning);
  --el-color-warning-light-3: #B49053;
  --el-color-warning-light-5: #CAB084;
  --el-color-warning-light-7: #DFCFB5;
  --el-color-warning-light-8: #EADFCE;
  --el-color-warning-light-9: #F4EFE6;
  --el-color-warning-dark-2: #764D07;
  --el-color-danger: var(--t-status-danger);
  --el-color-danger-light-3: #D1747F;
  --el-color-danger-light-5: #DE9CA4;
  --el-color-danger-light-7: #EBC4C8;
  --el-color-danger-light-8: #F2D7DA;
  --el-color-danger-light-9: #F8EBED;
  --el-color-danger-dark-2: #972E3A;
  --el-color-error: var(--t-status-danger);
  --el-color-error-light-3: #D1747F;
  --el-color-error-light-5: #DE9CA4;
  --el-color-error-light-7: #EBC4C8;
  --el-color-error-light-8: #F2D7DA;
  --el-color-error-light-9: #F8EBED;
  --el-color-error-dark-2: #972E3A;
  --el-color-info: var(--t-status-info);
  --el-color-info-light-3: #6488D0;
  --el-color-info-light-5: #91AADE;
  --el-color-info-light-7: #BDCCEB;
  --el-color-info-light-8: #D3DDF2;
  --el-color-info-light-9: #E9EEF8;
  --el-color-info-dark-2: #1B4496;
  --el-bg-color: var(--t-bg-panel);
  --el-bg-color-page: var(--t-bg-app);
  --el-bg-color-overlay: var(--t-bg-raised);
  --el-text-color-primary: var(--t-text-primary);
  --el-text-color-regular: var(--t-text-secondary);
  --el-text-color-secondary: var(--t-text-secondary);
  --el-text-color-placeholder: var(--t-text-tertiary);
  --el-text-color-disabled: var(--t-text-disabled);
  --el-border-color: var(--t-border-control);
  --el-border-color-light: var(--t-border-muted);
  --el-border-color-lighter: var(--t-border-muted);
  --el-border-color-extra-light: var(--t-border-muted);
  --el-border-color-dark: var(--t-border-control);
  --el-border-color-darker: var(--t-border-control);
  --el-fill-color: var(--t-bg-hover);
  --el-fill-color-light: var(--t-bg-raised);
  --el-fill-color-lighter: var(--t-bg-panel);
  --el-fill-color-extra-light: var(--t-bg-panel);
  --el-fill-color-dark: var(--t-bg-hover);
  --el-fill-color-darker: var(--t-border-muted);
  --el-fill-color-blank: var(--t-bg-panel);
  --el-disabled-bg-color: var(--t-bg-raised);
  --el-disabled-text-color: var(--t-text-disabled);
  --el-disabled-border-color: var(--t-border-muted);
  --el-mask-color: var(--t-overlay-scrim);
  --el-overlay-color: var(--t-overlay-scrim);
  --el-overlay-color-light: var(--t-overlay-scrim);
  --el-overlay-color-lighter: var(--t-overlay-scrim);
  --el-box-shadow: var(--t-shadow-popover);
  --el-box-shadow-light: var(--t-shadow-card);
  --el-box-shadow-lighter: var(--t-shadow-card);
  --el-box-shadow-dark: var(--t-shadow-popover);
  --el-color-white: var(--t-text-onAccent);
  --el-menu-bg-color: var(--t-bg-app);
  --el-menu-text-color: var(--t-text-secondary);
  --el-menu-active-color: var(--t-accent-text);
  --el-menu-hover-bg-color: var(--t-bg-hover);
}

:root[data-theme="light"] .el-button--success:not(.is-plain):not(.is-link):not(.is-text) {
  --el-button-text-color: var(--t-text-onStatus);
  --el-button-hover-text-color: var(--t-text-onStatus);
  --el-button-active-text-color: var(--t-text-onStatus);
  --el-button-bg-color: #167951;
  --el-button-border-color: #167951;
  --el-button-hover-bg-color: #146D49;
  --el-button-hover-border-color: #146D49;
  --el-button-active-bg-color: #126141;
  --el-button-active-border-color: #126141;
}

:root[data-theme="light"] .el-button--warning:not(.is-plain):not(.is-link):not(.is-text) {
  --el-button-text-color: var(--t-text-onStatus);
  --el-button-hover-text-color: var(--t-text-onStatus);
  --el-button-active-text-color: var(--t-text-onStatus);
  --el-button-bg-color: #946009;
  --el-button-border-color: #946009;
  --el-button-hover-bg-color: #855608;
  --el-button-hover-border-color: #855608;
  --el-button-active-bg-color: #764D07;
  --el-button-active-border-color: #764D07;
}

:root[data-theme="light"] .el-button--danger:not(.is-plain):not(.is-link):not(.is-text) {
  --el-button-text-color: var(--t-text-onStatus);
  --el-button-hover-text-color: var(--t-text-onStatus);
  --el-button-active-text-color: var(--t-text-onStatus);
  --el-button-bg-color: #BD3948;
  --el-button-border-color: #BD3948;
  --el-button-hover-bg-color: #AA3341;
  --el-button-hover-border-color: #AA3341;
  --el-button-active-bg-color: #972E3A;
  --el-button-active-border-color: #972E3A;
}

:root[data-theme="light"] .el-button--info:not(.is-plain):not(.is-link):not(.is-text) {
  --el-button-text-color: var(--t-text-onStatus);
  --el-button-hover-text-color: var(--t-text-onStatus);
  --el-button-active-text-color: var(--t-text-onStatus);
  --el-button-bg-color: #2255BC;
  --el-button-border-color: #2255BC;
  --el-button-hover-bg-color: #1F4DA9;
  --el-button-hover-border-color: #1F4DA9;
  --el-button-active-bg-color: #1B4496;
  --el-button-active-border-color: #1B4496;
}

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