:root {
    /* sheji2：白底主体；A-1 青绿仅点缀；辅助色只给按钮/链接/选中。 */
    --op-brand-cyan: #2aeefa;
    --op-brand-lime: #9df669;
    --op-brand-gradient: linear-gradient(90deg, var(--op-brand-cyan), var(--op-brand-lime));
    --op-brand-gradient-text: linear-gradient(90deg, #00a8c2, #2aaa3d);
    --op-brand-gradient-text: linear-gradient(90deg, var(--op-aux-blue), var(--op-aux-teal));
    --op-aux-teal: #28c9ae;
    --op-aux-orange: #ff8f2c;
    --op-aux-blue: #01a9f5;
    --op-aux-slate: #4c6172;

    --op-color-canvas: var(--portal-background, #fff);
    --op-color-surface: #fff;
    --op-color-surface-subtle: var(--portal-secondary, #f5f5f7);
    --op-color-text: var(--portal-foreground, #1d1d1f);
    --op-color-text-muted: var(--portal-muted, #6e6e73);
    --op-color-border: var(--portal-border, rgba(29, 29, 31, .1));
    --op-color-action: var(--op-aux-blue);
    --op-color-action-hover: color-mix(in srgb, var(--op-aux-blue) 78%, #000);
    --op-color-action-pressed: var(--op-aux-teal);
    --op-color-on-action: #fff;
    --op-color-button-disabled-bg: #e8e8ed;
    --op-color-button-disabled-text: #8e8e93;
    --op-color-success: color-mix(in srgb, var(--op-aux-teal) 42%, #1d1d1f);
    --op-color-danger: #c23b2e;
    --op-color-warning: color-mix(in srgb, var(--op-aux-orange) 52%, #1d1d1f);
    --op-color-info: var(--op-aux-blue);
    --op-color-focus: var(--op-aux-blue);
    --op-color-overlay: rgba(0, 0, 0, .42);
    --op-color-success-subtle: rgba(27, 122, 74, .1);
    --op-color-danger-subtle: rgba(194, 59, 46, .1);
    --op-color-warning-subtle: rgba(154, 103, 0, .1);
    --op-color-info-subtle: rgba(0, 113, 227, .1);
    --op-color-disabled-fill: var(--portal-secondary, #f5f5f7);

    --op-space-1: 4px;
    --op-space-2: 8px;
    --op-space-3: 16px;
    --op-space-4: 24px;
    --op-space-5: 32px;
    --op-space-6: 48px;
    --op-space-7: 64px;

    --op-radius-0: 0;
    --op-radius-1: 4px;
    --op-radius-2: 8px;
    --op-radius-3: 12px;
    --op-radius-4: 16px;
    --op-radius-round: 50%;

    --op-control-min-height: 44px;
    --op-button-height-sm: 44px;
    --op-button-height-md: 44px;
    --op-button-height-lg: 48px;
    --op-button-pad-sm: 8px 16px;
    --op-button-pad-md: 8px 16px;
    --op-button-pad-lg: 12px 24px;
    --op-button-font-sm: 12px;
    --op-button-font-md: 14px;
    --op-button-font-lg: 16px;
    --op-icon-sm: 24px;
    --op-icon-md: 36px;
    --op-icon-lg: 48px;
    --op-icon-xl: 60px;
    --op-icon-2xl: 72px;

    --op-layout-max: 1200px;
    --op-layout-wide: 1328px;
    --op-sidebar-width: 232px;
    --op-page-gutter-desktop: 24px;
    --op-page-gutter-tablet: 24px;
    --op-page-gutter-mobile: 16px;
    --op-nav-height: 64px;
    --op-z-particles: 101;
    --op-z-dialog: 1300;
    /* 操作结果 Toast 须在页内 modal-mask 之上，否则弹窗打开时无法点关 */
    --op-z-toast: 1400;

    --op-shadow-raised: 0 8px 24px rgba(29, 29, 31, .08);
    --op-shadow-overlay: 0 16px 48px rgba(29, 29, 31, .14);
    --op-motion-fast: 150ms;
    --op-motion-normal: 240ms;
    --op-ease-standard: ease;
}