/** * AUTO-GENERATED — DO NOT EDIT * Vygenerováno generátorem config/design/generator/run-generator.ts * (PPP_UKOL_219: timestamp odstraněn — způsoboval šum v git status * po každém design:build i bez reálné změny obsahu. * A2 lint kontroluje drift přes hash obsahu, ne timestamp.) * * Použití v : * * * Změna schématu = změnit první class. * Změna density = změnit druhou class. */ /* ━━━ Modrá ━━━ */ .scheme-modra { --ui-action-primary-bg: #1F4E79; --ui-action-primary-bg-active: #2A5F94; --ui-action-primary-bg-hover: #2A5F94; --ui-action-primary-soft-bg: #dbe7f3; --ui-action-primary-soft-text: var(--ui-action-primary-bg); --ui-action-primary-text: #ffffff; --ui-action-primary-text-active: var(--ui-action-primary-text); --ui-action-primary-text-hover: var(--ui-action-primary-text); --ui-action-secondary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 60%, var(--ui-surface-card-bg)); --ui-action-secondary-text: var(--ui-action-primary-text); --ui-action-tertiary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 28%, var(--ui-surface-card-bg)); --ui-action-tertiary-text: var(--ui-text-primary); --ui-avatar-default-bg: #3a6ea5; --ui-avatar-default-text: #ffffff; --ui-border-default: rgba(0,0,0,.10); --ui-border-focus: #1F4E79; --ui-border-strong: rgba(0,0,0,.18); --ui-border-subtle: rgba(0,0,0,.06); --ui-button-danger-active-bg: var(--ui-status-rose-bg); --ui-button-danger-active-border: var(--ui-status-rose-border); --ui-button-danger-active-text: var(--ui-status-rose-text); --ui-button-danger-default-bg: var(--ui-feedback-danger-bg); --ui-button-danger-default-border: var(--ui-feedback-danger-border); --ui-button-danger-default-text: var(--ui-feedback-danger-text); --ui-button-danger-hover-bg: var(--ui-status-rose-bg); --ui-button-danger-hover-border: var(--ui-status-rose-border); --ui-button-danger-hover-text: var(--ui-status-rose-text); --ui-button-disabled-bg: var(--ui-surface-stripe-bg); --ui-button-disabled-border: var(--ui-border-subtle); --ui-button-disabled-text: var(--ui-text-disabled); --ui-button-focus-ring: 0 0 0 3px var(--ui-action-primary-soft-bg); --ui-button-ghost-active-bg: var(--ui-overlay-active-bg); --ui-button-ghost-active-border: transparent; --ui-button-ghost-active-text: var(--ui-text-primary); --ui-button-ghost-default-bg: transparent; --ui-button-ghost-default-border: transparent; --ui-button-ghost-default-text: var(--ui-text-secondary); --ui-button-ghost-hover-bg: var(--ui-overlay-hover-bg); --ui-button-ghost-hover-border: transparent; --ui-button-ghost-hover-text: var(--ui-text-primary); --ui-button-info-active-bg: #93b8e0; --ui-button-info-active-border: #7fa8d8; --ui-button-info-active-text: #143b6b; --ui-button-info-default-bg: #a9c8ee; --ui-button-info-default-border: #7fa8d8; --ui-button-info-default-edge: #5a87b8; --ui-button-info-default-text: #143b6b; --ui-button-info-hover-bg: #b8d3f0; --ui-button-info-hover-border: #7fa8d8; --ui-button-info-hover-text: #143b6b; --ui-button-primary-active-bg: var(--ui-action-primary-bg-active); --ui-button-primary-active-border: var(--ui-action-primary-bg-active); --ui-button-primary-active-text: var(--ui-action-primary-text); --ui-button-primary-default-bg: var(--ui-action-primary-bg); --ui-button-primary-default-border: var(--ui-action-primary-bg); --ui-button-primary-default-text: var(--ui-action-primary-text); --ui-button-primary-hover-bg: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-border: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-text: var(--ui-action-primary-text); --ui-button-secondary-active-bg: var(--ui-overlay-active-bg); --ui-button-secondary-active-border: var(--ui-action-primary-bg); --ui-button-secondary-active-text: var(--ui-action-primary-bg); --ui-button-secondary-default-bg: var(--ui-surface-card-bg); --ui-button-secondary-default-border: color-mix(in srgb, var(--ui-action-primary-bg) 50%, var(--ui-action-primary-soft-bg)); --ui-button-secondary-default-border-width: 2px; --ui-button-secondary-default-text: var(--ui-action-primary-bg); --ui-button-secondary-hover-bg: var(--ui-action-primary-soft-bg); --ui-button-secondary-hover-border: var(--ui-action-primary-bg); --ui-button-secondary-hover-text: var(--ui-action-primary-bg); --ui-button-success-active-bg: var(--ui-status-mint-bg); --ui-button-success-active-border: var(--ui-status-mint-border); --ui-button-success-active-text: var(--ui-status-mint-text); --ui-button-success-default-bg: var(--ui-feedback-success-bg); --ui-button-success-default-border: var(--ui-feedback-success-border); --ui-button-success-default-text: var(--ui-feedback-success-text); --ui-button-success-hover-bg: var(--ui-status-mint-bg); --ui-button-success-hover-border: var(--ui-status-mint-border); --ui-button-success-hover-text: var(--ui-status-mint-text); --ui-button-warning-active-bg: var(--ui-status-amber-bg); --ui-button-warning-active-border: var(--ui-status-amber-border); --ui-button-warning-active-text: var(--ui-status-amber-text); --ui-button-warning-default-bg: var(--ui-feedback-warning-bg); --ui-button-warning-default-border: var(--ui-feedback-warning-border); --ui-button-warning-default-text: var(--ui-feedback-warning-text); --ui-button-warning-hover-bg: var(--ui-status-amber-bg); --ui-button-warning-hover-border: var(--ui-status-amber-border); --ui-button-warning-hover-text: var(--ui-status-amber-text); --ui-counter-badge-active-bg: var(--ui-action-primary-bg); --ui-counter-badge-active-text: var(--ui-action-primary-text); --ui-counter-badge-default-bg: var(--ui-overlay-active-bg); --ui-counter-badge-default-text: var(--ui-text-tertiary); --ui-density-compact-field-height: 24px; --ui-density-compact-gap: 4px; --ui-density-compact-header-py: 6px; --ui-density-compact-row-py: 3px; --ui-density-compact-text-body: 11.5px; --ui-density-compact-text-grid: 11px; --ui-density-cozy-field-height: 28px; --ui-density-cozy-gap: 6px; --ui-density-cozy-header-py: 8px; --ui-density-cozy-row-py: 5px; --ui-density-cozy-text-body: 13px; --ui-density-cozy-text-grid: 12px; --ui-density-roomy-field-height: 34px; --ui-density-roomy-gap: 10px; --ui-density-roomy-header-py: 11px; --ui-density-roomy-row-py: 9px; --ui-density-roomy-text-body: 14px; --ui-density-roomy-text-grid: 13px; --ui-diff-add-bg: #e6f4ec; --ui-diff-add-text: #0d6b3d; --ui-diff-del-bg: #fbeaec; --ui-diff-del-text: #9a1d24; --ui-drag-dur-drop: 160ms; --ui-drag-dur-lift: 120ms; --ui-drag-dur-reflow: 180ms; --ui-drag-ease: cubic-bezier(0.2, 0.85, 0.25, 1); --ui-drag-fly-opacity: 0.97; --ui-drag-fly-radius: 10px; --ui-drag-fly-scale: 1.02; --ui-drag-fly-shadow: var(--ui-shadow-flyout); --ui-drag-fly-tilt: 0deg; --ui-drag-gap-border: var(--ui-action-primary-bg); --ui-drag-gap-fill: color-mix(in srgb, var(--ui-action-primary-bg) 12%, transparent); --ui-drag-gap-radius: 8px; --ui-drag-insert-color: var(--ui-action-primary-bg); --ui-drag-lift-scale: 1.05; --ui-drag-lift-shadow: 0 16px 34px rgba(0, 0, 0, 0.30), 0 5px 12px rgba(0, 0, 0, 0.20); --ui-drag-source-filter: saturate(0.9); --ui-drag-source-opacity: 0.40; --ui-drop-no-color: var(--ui-status-rose-text); --ui-drop-no-tint: color-mix(in srgb, var(--ui-status-rose-text) 12%, transparent); --ui-drop-ok-color: var(--ui-action-primary-bg); --ui-drop-ok-ring: color-mix(in srgb, var(--ui-action-primary-bg) 22%, transparent); --ui-drop-ok-tint: color-mix(in srgb, var(--ui-action-primary-bg) 9%, transparent); --ui-edit-badge-bg: #fff4cc; --ui-edit-badge-indicator: #d89a00; --ui-edit-badge-text: #8a5a00; --ui-feedback-danger-bg: #fef0f0; --ui-feedback-danger-border: #e8a3a3; --ui-feedback-danger-text: #d83b3b; --ui-feedback-danger-toast-bg: #c0392b; --ui-feedback-danger-toast-border: #ff4d4f; --ui-feedback-danger-toast-text: #ffffff; --ui-feedback-info-bg: #d6eef3; --ui-feedback-info-border: #a8d6e0; --ui-feedback-info-text: #114e57; --ui-feedback-info-toast-bg: #d1ecf1; --ui-feedback-info-toast-border: #4a90e2; --ui-feedback-info-toast-text: #0c5460; --ui-feedback-success-bg: #ecfdf3; --ui-feedback-success-border: #8fd3a6; --ui-feedback-success-text: #2da44e; --ui-feedback-success-toast-bg: #d4edda; --ui-feedback-success-toast-border: #52c41a; --ui-feedback-success-toast-text: #155724; --ui-feedback-warning-bg: #fff5dd; --ui-feedback-warning-border: #e3bd6c; --ui-feedback-warning-text: #c47100; --ui-feedback-warning-toast-bg: #fff3cd; --ui-feedback-warning-toast-border: #fadb14; --ui-feedback-warning-toast-text: #856404; --ui-field-emphasis-bg: #fff5d8; --ui-field-emphasis-border: #f1e2b8; --ui-field-emphasis-border-edit: #d8a600; --ui-field-emphasis-text: var(--ui-text-primary); --ui-flag-blue-bg: color-mix(in srgb, #3b82f6 14%, transparent); --ui-flag-blue-border: color-mix(in srgb, #3b82f6 45%, transparent); --ui-flag-blue-text: #3b82f6; --ui-flag-gray-bg: color-mix(in srgb, #8a8a8a 14%, transparent); --ui-flag-gray-border: color-mix(in srgb, #8a8a8a 45%, transparent); --ui-flag-gray-text: #8a8a8a; --ui-flag-green-bg: color-mix(in srgb, #2da44e 14%, transparent); --ui-flag-green-border: color-mix(in srgb, #2da44e 45%, transparent); --ui-flag-green-text: #2da44e; --ui-flag-orange-bg: color-mix(in srgb, #e07d2d 14%, transparent); --ui-flag-orange-border: color-mix(in srgb, #e07d2d 45%, transparent); --ui-flag-orange-text: #e07d2d; --ui-flag-pink-bg: color-mix(in srgb, #db2777 14%, transparent); --ui-flag-pink-border: color-mix(in srgb, #db2777 45%, transparent); --ui-flag-pink-text: #db2777; --ui-flag-purple-bg: color-mix(in srgb, #7c3aed 14%, transparent); --ui-flag-purple-border: color-mix(in srgb, #7c3aed 45%, transparent); --ui-flag-purple-text: #7c3aed; --ui-flag-red-bg: color-mix(in srgb, #e03e2d 14%, transparent); --ui-flag-red-border: color-mix(in srgb, #e03e2d 45%, transparent); --ui-flag-red-text: #e03e2d; --ui-flag-yellow-bg: color-mix(in srgb, #d4a017 14%, transparent); --ui-flag-yellow-border: color-mix(in srgb, #d4a017 45%, transparent); --ui-flag-yellow-text: #d4a017; --ui-font-base: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif; --ui-font-display: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif; --ui-font-mono: "Cascadia Mono", "Cascadia Code", "Consolas", ui-monospace, monospace; --ui-mdi-canvas-bg: var(--ui-surface-app-bg); --ui-mdi-canvas-text: var(--ui-text-primary); --ui-mdi-min-panel-bg: var(--ui-surface-card-bg); --ui-mdi-min-panel-border: var(--ui-border-default); --ui-mdi-min-panel-hover-bg: var(--ui-overlay-hover-bg); --ui-mdi-min-panel-hover-text: var(--ui-text-primary); --ui-mdi-min-panel-text: var(--ui-text-secondary); --ui-menu-bar-bg: var(--ui-surface-header-tint-bg); --ui-menu-bar-text: var(--ui-text-primary); --ui-menu-disabled-text: var(--ui-text-disabled); --ui-menu-icon-chip-bg: var(--ui-action-primary-soft-bg); --ui-menu-icon-chip-text: var(--ui-action-primary-bg); --ui-menu-item-active-bg: var(--ui-action-primary-soft-bg); --ui-menu-item-active-border: var(--ui-action-primary-bg); --ui-menu-item-active-text: var(--ui-action-primary-bg); --ui-menu-item-hover-bg: var(--ui-overlay-hover-bg); --ui-menu-item-hover-text: var(--ui-text-primary); --ui-menu-separator: var(--ui-border-subtle); --ui-menu-shortcut-bg: var(--ui-surface-stripe-bg); --ui-menu-shortcut-text: var(--ui-text-secondary); --ui-menu-submenu-bg: var(--ui-surface-card-bg); --ui-menu-submenu-border: var(--ui-border-default); --ui-menu-submenu-text: var(--ui-text-primary); --ui-notification-badge-bg: #dc2828; --ui-notification-badge-text: #ffffff; --ui-origin-foreign-color: #d94e4e; --ui-origin-own-color: #3aa55c; --ui-origin-pattern-color: #e0a800; --ui-overlay-active-bg: rgba(0,0,0,.06); --ui-overlay-active-text: var(--ui-text-primary); --ui-overlay-backdrop-bg: rgba(0,0,0,0.5); --ui-overlay-backdrop-text: var(--ui-text-primary); --ui-overlay-hover-bg: rgba(0,0,0,.04); --ui-overlay-hover-text: var(--ui-text-primary); --ui-overlay-loading-bg: color-mix(in srgb, var(--ui-surface-app-bg) 62%, transparent); --ui-overlay-loading-text: var(--ui-text-primary); --ui-overlay-tint-side-bg: rgba(0,0,0,0.025); --ui-overlay-tint-side-text: var(--ui-text-primary); --ui-progress-fill-bg: #f0a020; --ui-progress-fill-text: #3a2c10; --ui-radius-large: 8px; --ui-radius-medium: 6px; --ui-radius-pill: 999px; --ui-radius-small: 4px; --ui-row-selected-bg: #dbe9f5; --ui-row-selected-border: #a3c2dd; --ui-row-selected-text: var(--ui-text-primary); --ui-scroll-button-active-bg: #C99A0E; --ui-scroll-button-active-border: #163A5C; --ui-scroll-button-active-text: #ffffff; --ui-scroll-button-default-bg: #E8B923; --ui-scroll-button-default-border: #1F4E79; --ui-scroll-button-default-text: #ffffff; --ui-scroll-button-disabled-bg: #E5E5E5; --ui-scroll-button-disabled-text: #A0A0A0; --ui-scroll-button-hover-bg: #F0C534; --ui-scroll-button-hover-border: #2A5F94; --ui-scroll-button-hover-text: #ffffff; --ui-scroll-button-shadow: rgba(31, 78, 121, 0.22); --ui-scrollbar-arrow-color: var(--ui-text-tertiary); --ui-scrollbar-arrow-disabled-color: var(--ui-text-disabled); --ui-scrollbar-arrow-hover-color: var(--ui-text-primary); --ui-scrollbar-thumb-active-bg: color-mix(in srgb, var(--ui-text-primary) 46%, transparent); --ui-scrollbar-thumb-active-text: var(--ui-text-primary); --ui-scrollbar-thumb-bg: color-mix(in srgb, var(--ui-text-primary) 22%, transparent); --ui-scrollbar-thumb-hover-bg: color-mix(in srgb, var(--ui-text-primary) 34%, transparent); --ui-scrollbar-thumb-hover-text: var(--ui-text-primary); --ui-scrollbar-thumb-text: var(--ui-text-primary); --ui-scrollbar-track-bg: transparent; --ui-scrollbar-track-text: var(--ui-text-primary); --ui-shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.06); --ui-shadow-flyout: 0 8px 24px rgba(0,0,0,0.14), 0 2px 6px rgba(0,0,0,0.08); --ui-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6); --ui-shadow-overlay: 0 24px 48px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.10); --ui-spacing-2xl: 24px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 32px; --ui-spacing-3xs: 2px; --ui-spacing-4xl: 40px; --ui-spacing-5xl: 48px; --ui-spacing-6xl: 60px; --ui-spacing-7xl: 80px; --ui-spacing-lg: 16px; --ui-spacing-md: 12px; --ui-spacing-sm: 8px; --ui-spacing-xl: 20px; --ui-spacing-xs: 6px; --ui-spinner-ring-bg: color-mix(in srgb, var(--ui-action-primary-bg) 30%, transparent); --ui-spinner-ring-text: var(--ui-action-primary-bg); --ui-status-amber-bg: #fef6e3; --ui-status-amber-border: #f3d99a; --ui-status-amber-text: #8a5a00; --ui-status-cyan-bg: #dff0f6; --ui-status-cyan-border: #a8d3e1; --ui-status-cyan-text: #0d5a72; --ui-status-mint-bg: #d8f0e0; --ui-status-mint-border: #a8d8b9; --ui-status-mint-text: #0c6b3d; --ui-status-pink-bg: #fde4ee; --ui-status-pink-border: #f0b4d0; --ui-status-pink-text: #a3296b; --ui-status-rose-bg: #fde0e2; --ui-status-rose-border: #f4b4b8; --ui-status-rose-text: #9a1d24; --ui-status-violet-bg: #e8e1f5; --ui-status-violet-border: #c7b8e3; --ui-status-violet-text: #52327a; --ui-statusbar-bg: var(--ui-surface-header-tint-bg); --ui-statusbar-text: var(--ui-text-secondary); --ui-surface-app-bg: #f3f3f3; --ui-surface-app-text: var(--ui-text-primary); --ui-surface-base-bg: #fafafa; --ui-surface-base-text: var(--ui-text-primary); --ui-surface-card-bg: #fff; --ui-surface-card-text: var(--ui-text-primary); --ui-surface-header-bg: #f5f5f5; --ui-surface-header-sorted-bg: #c8dcef; --ui-surface-header-sorted-text: var(--ui-text-primary); --ui-surface-header-text: var(--ui-text-primary); --ui-surface-header-tint-bg: #e3edf7; --ui-surface-header-tint-text: var(--ui-text-primary); --ui-surface-input-alt-bg: #fbfbfb; --ui-surface-input-alt-text: var(--ui-text-primary); --ui-surface-input-bg: #fff; --ui-surface-input-text: var(--ui-text-primary); --ui-surface-stripe-bg: #fafafa; --ui-surface-stripe-text: var(--ui-text-primary); --ui-surface-tabbar-bg: #e3edf7; --ui-surface-tabbar-text: var(--ui-text-primary); --ui-surface-tinted-bg: #f0f5fa; --ui-surface-tinted-text: var(--ui-text-primary); --ui-surface-titlebar-bg: #e3edf7; --ui-surface-titlebar-text: var(--ui-text-primary); --ui-surface-toolbar-bg: #fafafa; --ui-surface-toolbar-text: var(--ui-text-primary); --ui-tab-active-bg: var(--ui-action-primary-soft-bg); --ui-tab-active-border: var(--ui-action-primary-bg); --ui-tab-active-text: var(--ui-action-primary-bg); --ui-tab-default-bg: transparent; --ui-tab-default-border: var(--ui-border-default); --ui-tab-default-text: var(--ui-text-secondary); --ui-tab-hover-bg: var(--ui-overlay-hover-bg); --ui-tab-hover-border: var(--ui-border-strong); --ui-tab-hover-text: var(--ui-text-primary); --ui-text-disabled: #b8b8b8; --ui-text-leading-normal: 1.4; --ui-text-leading-relaxed: 1.6; --ui-text-leading-tight: 1.2; --ui-text-on-action: #ffffff; --ui-text-primary: #1a1a1a; --ui-text-secondary: #5c5c5c; --ui-text-size-display: 48px; --ui-text-size-heading-large: 15px; --ui-text-size-heading-medium: 13px; --ui-text-size-heading-small: 11.5px; --ui-text-size-heading-xlarge: 22px; --ui-text-size-label: 11.5px; --ui-text-size-micro: 8px; --ui-text-spacing-uppercase: 0.06em; --ui-text-tertiary: #8a8a8a; --ui-text-weight-bold: 700; --ui-text-weight-medium: 500; --ui-text-weight-regular: 400; --ui-text-weight-semibold: 600; --ui-thumb-default-from: #4a6c8e; --ui-thumb-default-to: #233a52; --ui-thumb-deleted-from: #c8c8c8; --ui-thumb-deleted-to: #6a6a6a; --ui-toolbar-chip-accent-border: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-default)); --ui-toolbar-chip-border-width: 2px; --ui-transition-base: 0.2s ease; --ui-transition-fast: 0.12s ease; --ui-unsaved-indicator-color: #f7951c; --ui-unsaved-indicator-halo-color: var(--ui-surface-card-bg); --ui-window-border-active: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-strong)); --ui-window-border-inactive: var(--ui-border-default); --ui-window-close-bg-hover: #c42b1c; --ui-window-close-text-hover: #ffffff; --ui-window-footer-bg: var(--ui-surface-header-tint-bg); --ui-window-footer-inactive-bg: color-mix(in srgb, var(--ui-surface-header-tint-bg) 55%, var(--ui-surface-app-bg)); --ui-window-footer-inactive-text: var(--ui-text-tertiary); --ui-window-footer-text: var(--ui-text-secondary); --ui-window-frame-inset-highlight-color: rgba(255,255,255,0.4); --ui-window-resize-grip-color: var(--ui-text-tertiary); --ui-window-titlebar-bg: var(--ui-action-primary-bg); --ui-window-titlebar-button-active-bg: var(--ui-overlay-active-bg); --ui-window-titlebar-button-active-text: var(--ui-text-primary); --ui-window-titlebar-button-hover-bg: var(--ui-overlay-hover-bg); --ui-window-titlebar-button-hover-text: var(--ui-text-primary); --ui-window-titlebar-inactive-bg: var(--ui-surface-header-tint-bg); --ui-window-titlebar-inactive-text: var(--ui-text-primary); --ui-window-titlebar-text: var(--ui-action-primary-text); } /* ━━━ Redmine ━━━ */ .scheme-redmine { --ui-action-primary-bg: #B5651D; --ui-action-primary-bg-active: #c47426; --ui-action-primary-bg-hover: #c47426; --ui-action-primary-soft-bg: #f5e3cd; --ui-action-primary-soft-text: var(--ui-action-primary-bg); --ui-action-primary-text: #ffffff; --ui-action-primary-text-active: var(--ui-action-primary-text); --ui-action-primary-text-hover: var(--ui-action-primary-text); --ui-action-secondary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 60%, var(--ui-surface-card-bg)); --ui-action-secondary-text: var(--ui-action-primary-text); --ui-action-tertiary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 28%, var(--ui-surface-card-bg)); --ui-action-tertiary-text: var(--ui-text-primary); --ui-avatar-default-bg: #3a6ea5; --ui-avatar-default-text: #ffffff; --ui-border-default: rgba(0,0,0,.10); --ui-border-focus: #B5651D; --ui-border-strong: rgba(0,0,0,.18); --ui-border-subtle: rgba(0,0,0,.06); --ui-button-danger-active-bg: var(--ui-status-rose-bg); --ui-button-danger-active-border: var(--ui-status-rose-border); --ui-button-danger-active-text: var(--ui-status-rose-text); --ui-button-danger-default-bg: var(--ui-feedback-danger-bg); --ui-button-danger-default-border: var(--ui-feedback-danger-border); --ui-button-danger-default-text: var(--ui-feedback-danger-text); --ui-button-danger-hover-bg: var(--ui-status-rose-bg); --ui-button-danger-hover-border: var(--ui-status-rose-border); --ui-button-danger-hover-text: var(--ui-status-rose-text); --ui-button-disabled-bg: var(--ui-surface-stripe-bg); --ui-button-disabled-border: var(--ui-border-subtle); --ui-button-disabled-text: var(--ui-text-disabled); --ui-button-focus-ring: 0 0 0 3px var(--ui-action-primary-soft-bg); --ui-button-ghost-active-bg: var(--ui-overlay-active-bg); --ui-button-ghost-active-border: transparent; --ui-button-ghost-active-text: var(--ui-text-primary); --ui-button-ghost-default-bg: transparent; --ui-button-ghost-default-border: transparent; --ui-button-ghost-default-text: var(--ui-text-secondary); --ui-button-ghost-hover-bg: var(--ui-overlay-hover-bg); --ui-button-ghost-hover-border: transparent; --ui-button-ghost-hover-text: var(--ui-text-primary); --ui-button-info-active-bg: #93b8e0; --ui-button-info-active-border: #7fa8d8; --ui-button-info-active-text: #143b6b; --ui-button-info-default-bg: #a9c8ee; --ui-button-info-default-border: #7fa8d8; --ui-button-info-default-edge: #5a87b8; --ui-button-info-default-text: #143b6b; --ui-button-info-hover-bg: #b8d3f0; --ui-button-info-hover-border: #7fa8d8; --ui-button-info-hover-text: #143b6b; --ui-button-primary-active-bg: var(--ui-action-primary-bg-active); --ui-button-primary-active-border: var(--ui-action-primary-bg-active); --ui-button-primary-active-text: var(--ui-action-primary-text); --ui-button-primary-default-bg: var(--ui-action-primary-bg); --ui-button-primary-default-border: var(--ui-action-primary-bg); --ui-button-primary-default-text: var(--ui-action-primary-text); --ui-button-primary-hover-bg: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-border: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-text: var(--ui-action-primary-text); --ui-button-secondary-active-bg: var(--ui-overlay-active-bg); --ui-button-secondary-active-border: var(--ui-action-primary-bg); --ui-button-secondary-active-text: var(--ui-action-primary-bg); --ui-button-secondary-default-bg: var(--ui-surface-card-bg); --ui-button-secondary-default-border: color-mix(in srgb, var(--ui-action-primary-bg) 50%, var(--ui-action-primary-soft-bg)); --ui-button-secondary-default-border-width: 2px; --ui-button-secondary-default-text: var(--ui-action-primary-bg); --ui-button-secondary-hover-bg: var(--ui-action-primary-soft-bg); --ui-button-secondary-hover-border: var(--ui-action-primary-bg); --ui-button-secondary-hover-text: var(--ui-action-primary-bg); --ui-button-success-active-bg: var(--ui-status-mint-bg); --ui-button-success-active-border: var(--ui-status-mint-border); --ui-button-success-active-text: var(--ui-status-mint-text); --ui-button-success-default-bg: var(--ui-feedback-success-bg); --ui-button-success-default-border: var(--ui-feedback-success-border); --ui-button-success-default-text: var(--ui-feedback-success-text); --ui-button-success-hover-bg: var(--ui-status-mint-bg); --ui-button-success-hover-border: var(--ui-status-mint-border); --ui-button-success-hover-text: var(--ui-status-mint-text); --ui-button-warning-active-bg: var(--ui-status-amber-bg); --ui-button-warning-active-border: var(--ui-status-amber-border); --ui-button-warning-active-text: var(--ui-status-amber-text); --ui-button-warning-default-bg: var(--ui-feedback-warning-bg); --ui-button-warning-default-border: var(--ui-feedback-warning-border); --ui-button-warning-default-text: var(--ui-feedback-warning-text); --ui-button-warning-hover-bg: var(--ui-status-amber-bg); --ui-button-warning-hover-border: var(--ui-status-amber-border); --ui-button-warning-hover-text: var(--ui-status-amber-text); --ui-counter-badge-active-bg: var(--ui-action-primary-bg); --ui-counter-badge-active-text: var(--ui-action-primary-text); --ui-counter-badge-default-bg: var(--ui-overlay-active-bg); --ui-counter-badge-default-text: var(--ui-text-tertiary); --ui-density-compact-field-height: 24px; --ui-density-compact-gap: 4px; --ui-density-compact-header-py: 6px; --ui-density-compact-row-py: 3px; --ui-density-compact-text-body: 11.5px; --ui-density-compact-text-grid: 11px; --ui-density-cozy-field-height: 28px; --ui-density-cozy-gap: 6px; --ui-density-cozy-header-py: 8px; --ui-density-cozy-row-py: 5px; --ui-density-cozy-text-body: 13px; --ui-density-cozy-text-grid: 12px; --ui-density-roomy-field-height: 34px; --ui-density-roomy-gap: 10px; --ui-density-roomy-header-py: 11px; --ui-density-roomy-row-py: 9px; --ui-density-roomy-text-body: 14px; --ui-density-roomy-text-grid: 13px; --ui-diff-add-bg: #e6f4ec; --ui-diff-add-text: #0d6b3d; --ui-diff-del-bg: #fbeaec; --ui-diff-del-text: #9a1d24; --ui-drag-dur-drop: 160ms; --ui-drag-dur-lift: 120ms; --ui-drag-dur-reflow: 180ms; --ui-drag-ease: cubic-bezier(0.2, 0.85, 0.25, 1); --ui-drag-fly-opacity: 0.97; --ui-drag-fly-radius: 10px; --ui-drag-fly-scale: 1.02; --ui-drag-fly-shadow: var(--ui-shadow-flyout); --ui-drag-fly-tilt: 0deg; --ui-drag-gap-border: var(--ui-action-primary-bg); --ui-drag-gap-fill: color-mix(in srgb, var(--ui-action-primary-bg) 12%, transparent); --ui-drag-gap-radius: 8px; --ui-drag-insert-color: var(--ui-action-primary-bg); --ui-drag-lift-scale: 1.05; --ui-drag-lift-shadow: 0 16px 34px rgba(0, 0, 0, 0.30), 0 5px 12px rgba(0, 0, 0, 0.20); --ui-drag-source-filter: saturate(0.9); --ui-drag-source-opacity: 0.40; --ui-drop-no-color: var(--ui-status-rose-text); --ui-drop-no-tint: color-mix(in srgb, var(--ui-status-rose-text) 12%, transparent); --ui-drop-ok-color: var(--ui-action-primary-bg); --ui-drop-ok-ring: color-mix(in srgb, var(--ui-action-primary-bg) 22%, transparent); --ui-drop-ok-tint: color-mix(in srgb, var(--ui-action-primary-bg) 9%, transparent); --ui-edit-badge-bg: #fff4cc; --ui-edit-badge-indicator: #d89a00; --ui-edit-badge-text: #8a5a00; --ui-feedback-danger-bg: #fef0f0; --ui-feedback-danger-border: #e8a3a3; --ui-feedback-danger-text: #d83b3b; --ui-feedback-danger-toast-bg: #c0392b; --ui-feedback-danger-toast-border: #ff4d4f; --ui-feedback-danger-toast-text: #ffffff; --ui-feedback-info-bg: #d6eef3; --ui-feedback-info-border: #a8d6e0; --ui-feedback-info-text: #114e57; --ui-feedback-info-toast-bg: #d1ecf1; --ui-feedback-info-toast-border: #4a90e2; --ui-feedback-info-toast-text: #0c5460; --ui-feedback-success-bg: #ecfdf3; --ui-feedback-success-border: #8fd3a6; --ui-feedback-success-text: #2da44e; --ui-feedback-success-toast-bg: #d4edda; --ui-feedback-success-toast-border: #52c41a; --ui-feedback-success-toast-text: #155724; --ui-feedback-warning-bg: #fff5dd; --ui-feedback-warning-border: #e3bd6c; --ui-feedback-warning-text: #c47100; --ui-feedback-warning-toast-bg: #fff3cd; --ui-feedback-warning-toast-border: #fadb14; --ui-feedback-warning-toast-text: #856404; --ui-field-emphasis-bg: #fff5d8; --ui-field-emphasis-border: #f1e2b8; --ui-field-emphasis-border-edit: #d8a600; --ui-field-emphasis-text: var(--ui-text-primary); --ui-flag-blue-bg: color-mix(in srgb, #3b82f6 14%, transparent); --ui-flag-blue-border: color-mix(in srgb, #3b82f6 45%, transparent); --ui-flag-blue-text: #3b82f6; --ui-flag-gray-bg: color-mix(in srgb, #8a8a8a 14%, transparent); --ui-flag-gray-border: color-mix(in srgb, #8a8a8a 45%, transparent); --ui-flag-gray-text: #8a8a8a; --ui-flag-green-bg: color-mix(in srgb, #2da44e 14%, transparent); --ui-flag-green-border: color-mix(in srgb, #2da44e 45%, transparent); --ui-flag-green-text: #2da44e; --ui-flag-orange-bg: color-mix(in srgb, #e07d2d 14%, transparent); --ui-flag-orange-border: color-mix(in srgb, #e07d2d 45%, transparent); --ui-flag-orange-text: #e07d2d; --ui-flag-pink-bg: color-mix(in srgb, #db2777 14%, transparent); --ui-flag-pink-border: color-mix(in srgb, #db2777 45%, transparent); --ui-flag-pink-text: #db2777; --ui-flag-purple-bg: color-mix(in srgb, #7c3aed 14%, transparent); --ui-flag-purple-border: color-mix(in srgb, #7c3aed 45%, transparent); --ui-flag-purple-text: #7c3aed; --ui-flag-red-bg: color-mix(in srgb, #e03e2d 14%, transparent); --ui-flag-red-border: color-mix(in srgb, #e03e2d 45%, transparent); --ui-flag-red-text: #e03e2d; --ui-flag-yellow-bg: color-mix(in srgb, #d4a017 14%, transparent); --ui-flag-yellow-border: color-mix(in srgb, #d4a017 45%, transparent); --ui-flag-yellow-text: #d4a017; --ui-font-base: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif; --ui-font-display: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif; --ui-font-mono: "Cascadia Mono", "Cascadia Code", "Consolas", ui-monospace, monospace; --ui-mdi-canvas-bg: var(--ui-surface-app-bg); --ui-mdi-canvas-text: var(--ui-text-primary); --ui-mdi-min-panel-bg: var(--ui-surface-card-bg); --ui-mdi-min-panel-border: var(--ui-border-default); --ui-mdi-min-panel-hover-bg: var(--ui-overlay-hover-bg); --ui-mdi-min-panel-hover-text: var(--ui-text-primary); --ui-mdi-min-panel-text: var(--ui-text-secondary); --ui-menu-bar-bg: var(--ui-surface-header-tint-bg); --ui-menu-bar-text: var(--ui-text-primary); --ui-menu-disabled-text: var(--ui-text-disabled); --ui-menu-icon-chip-bg: var(--ui-action-primary-soft-bg); --ui-menu-icon-chip-text: var(--ui-action-primary-bg); --ui-menu-item-active-bg: var(--ui-action-primary-soft-bg); --ui-menu-item-active-border: var(--ui-action-primary-bg); --ui-menu-item-active-text: var(--ui-action-primary-bg); --ui-menu-item-hover-bg: var(--ui-overlay-hover-bg); --ui-menu-item-hover-text: var(--ui-text-primary); --ui-menu-separator: var(--ui-border-subtle); --ui-menu-shortcut-bg: var(--ui-surface-stripe-bg); --ui-menu-shortcut-text: var(--ui-text-secondary); --ui-menu-submenu-bg: var(--ui-surface-card-bg); --ui-menu-submenu-border: var(--ui-border-default); --ui-menu-submenu-text: var(--ui-text-primary); --ui-notification-badge-bg: #dc2828; --ui-notification-badge-text: #ffffff; --ui-origin-foreign-color: #d94e4e; --ui-origin-own-color: #3aa55c; --ui-origin-pattern-color: #e0a800; --ui-overlay-active-bg: rgba(0,0,0,.06); --ui-overlay-active-text: var(--ui-text-primary); --ui-overlay-backdrop-bg: rgba(0,0,0,0.5); --ui-overlay-backdrop-text: var(--ui-text-primary); --ui-overlay-hover-bg: rgba(0,0,0,.04); --ui-overlay-hover-text: var(--ui-text-primary); --ui-overlay-loading-bg: color-mix(in srgb, var(--ui-surface-app-bg) 62%, transparent); --ui-overlay-loading-text: var(--ui-text-primary); --ui-overlay-tint-side-bg: rgba(0,0,0,0.025); --ui-overlay-tint-side-text: var(--ui-text-primary); --ui-progress-fill-bg: #f0a020; --ui-progress-fill-text: #3a2c10; --ui-radius-large: 8px; --ui-radius-medium: 6px; --ui-radius-pill: 999px; --ui-radius-small: 4px; --ui-row-selected-bg: #f7e6c9; --ui-row-selected-border: #d8b87e; --ui-row-selected-text: var(--ui-text-primary); --ui-scroll-button-active-bg: #C99A0E; --ui-scroll-button-active-border: #8E4F16; --ui-scroll-button-active-text: #ffffff; --ui-scroll-button-default-bg: #E8B923; --ui-scroll-button-default-border: #B5651D; --ui-scroll-button-default-text: #ffffff; --ui-scroll-button-disabled-bg: #E5DAC8; --ui-scroll-button-disabled-text: #A0967F; --ui-scroll-button-hover-bg: #F0C534; --ui-scroll-button-hover-border: #C47426; --ui-scroll-button-hover-text: #ffffff; --ui-scroll-button-shadow: rgba(181, 101, 29, 0.22); --ui-scrollbar-arrow-color: var(--ui-text-tertiary); --ui-scrollbar-arrow-disabled-color: var(--ui-text-disabled); --ui-scrollbar-arrow-hover-color: var(--ui-text-primary); --ui-scrollbar-thumb-active-bg: color-mix(in srgb, var(--ui-text-primary) 46%, transparent); --ui-scrollbar-thumb-active-text: var(--ui-text-primary); --ui-scrollbar-thumb-bg: color-mix(in srgb, var(--ui-text-primary) 22%, transparent); --ui-scrollbar-thumb-hover-bg: color-mix(in srgb, var(--ui-text-primary) 34%, transparent); --ui-scrollbar-thumb-hover-text: var(--ui-text-primary); --ui-scrollbar-thumb-text: var(--ui-text-primary); --ui-scrollbar-track-bg: transparent; --ui-scrollbar-track-text: var(--ui-text-primary); --ui-shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.06); --ui-shadow-flyout: 0 8px 24px rgba(0,0,0,0.14), 0 2px 6px rgba(0,0,0,0.08); --ui-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6); --ui-shadow-overlay: 0 24px 48px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.10); --ui-spacing-2xl: 24px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 32px; --ui-spacing-3xs: 2px; --ui-spacing-4xl: 40px; --ui-spacing-5xl: 48px; --ui-spacing-6xl: 60px; --ui-spacing-7xl: 80px; --ui-spacing-lg: 16px; --ui-spacing-md: 12px; --ui-spacing-sm: 8px; --ui-spacing-xl: 20px; --ui-spacing-xs: 6px; --ui-spinner-ring-bg: color-mix(in srgb, var(--ui-action-primary-bg) 30%, transparent); --ui-spinner-ring-text: var(--ui-action-primary-bg); --ui-status-amber-bg: #fef6e3; --ui-status-amber-border: #f3d99a; --ui-status-amber-text: #8a5a00; --ui-status-cyan-bg: #dff0f6; --ui-status-cyan-border: #a8d3e1; --ui-status-cyan-text: #0d5a72; --ui-status-mint-bg: #d8f0e0; --ui-status-mint-border: #a8d8b9; --ui-status-mint-text: #0c6b3d; --ui-status-pink-bg: #fde4ee; --ui-status-pink-border: #f0b4d0; --ui-status-pink-text: #a3296b; --ui-status-rose-bg: #fde0e2; --ui-status-rose-border: #f4b4b8; --ui-status-rose-text: #9a1d24; --ui-status-violet-bg: #e8e1f5; --ui-status-violet-border: #c7b8e3; --ui-status-violet-text: #52327a; --ui-statusbar-bg: var(--ui-surface-header-tint-bg); --ui-statusbar-text: var(--ui-text-secondary); --ui-surface-app-bg: #f3f3f3; --ui-surface-app-text: var(--ui-text-primary); --ui-surface-base-bg: #fafafa; --ui-surface-base-text: var(--ui-text-primary); --ui-surface-card-bg: #fff; --ui-surface-card-text: var(--ui-text-primary); --ui-surface-header-bg: #f5f5f5; --ui-surface-header-sorted-bg: #f0d9af; --ui-surface-header-sorted-text: var(--ui-text-primary); --ui-surface-header-text: var(--ui-text-primary); --ui-surface-header-tint-bg: #faeed8; --ui-surface-header-tint-text: var(--ui-text-primary); --ui-surface-input-alt-bg: #fbfbfb; --ui-surface-input-alt-text: var(--ui-text-primary); --ui-surface-input-bg: #fff; --ui-surface-input-text: var(--ui-text-primary); --ui-surface-stripe-bg: #fafafa; --ui-surface-stripe-text: var(--ui-text-primary); --ui-surface-tabbar-bg: #faeed8; --ui-surface-tabbar-text: var(--ui-text-primary); --ui-surface-tinted-bg: #fffaef; --ui-surface-tinted-text: var(--ui-text-primary); --ui-surface-titlebar-bg: #faeed8; --ui-surface-titlebar-text: var(--ui-text-primary); --ui-surface-toolbar-bg: #fafafa; --ui-surface-toolbar-text: var(--ui-text-primary); --ui-tab-active-bg: var(--ui-action-primary-soft-bg); --ui-tab-active-border: var(--ui-action-primary-bg); --ui-tab-active-text: var(--ui-action-primary-bg); --ui-tab-default-bg: transparent; --ui-tab-default-border: var(--ui-border-default); --ui-tab-default-text: var(--ui-text-secondary); --ui-tab-hover-bg: var(--ui-overlay-hover-bg); --ui-tab-hover-border: var(--ui-border-strong); --ui-tab-hover-text: var(--ui-text-primary); --ui-text-disabled: #b8b8b8; --ui-text-leading-normal: 1.4; --ui-text-leading-relaxed: 1.6; --ui-text-leading-tight: 1.2; --ui-text-on-action: #ffffff; --ui-text-primary: #1a1a1a; --ui-text-secondary: #5c5c5c; --ui-text-size-display: 48px; --ui-text-size-heading-large: 15px; --ui-text-size-heading-medium: 13px; --ui-text-size-heading-small: 11.5px; --ui-text-size-heading-xlarge: 22px; --ui-text-size-label: 11.5px; --ui-text-size-micro: 8px; --ui-text-spacing-uppercase: 0.06em; --ui-text-tertiary: #8a8a8a; --ui-text-weight-bold: 700; --ui-text-weight-medium: 500; --ui-text-weight-regular: 400; --ui-text-weight-semibold: 600; --ui-thumb-default-from: #4a6c8e; --ui-thumb-default-to: #233a52; --ui-thumb-deleted-from: #c8c8c8; --ui-thumb-deleted-to: #6a6a6a; --ui-toolbar-chip-accent-border: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-default)); --ui-toolbar-chip-border-width: 2px; --ui-transition-base: 0.2s ease; --ui-transition-fast: 0.12s ease; --ui-unsaved-indicator-color: #f7951c; --ui-unsaved-indicator-halo-color: var(--ui-surface-card-bg); --ui-window-border-active: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-strong)); --ui-window-border-inactive: var(--ui-border-default); --ui-window-close-bg-hover: #c42b1c; --ui-window-close-text-hover: #ffffff; --ui-window-footer-bg: var(--ui-surface-header-tint-bg); --ui-window-footer-inactive-bg: color-mix(in srgb, var(--ui-surface-header-tint-bg) 55%, var(--ui-surface-app-bg)); --ui-window-footer-inactive-text: var(--ui-text-tertiary); --ui-window-footer-text: var(--ui-text-secondary); --ui-window-frame-inset-highlight-color: rgba(255,255,255,0.4); --ui-window-resize-grip-color: var(--ui-text-tertiary); --ui-window-titlebar-bg: var(--ui-action-primary-bg); --ui-window-titlebar-button-active-bg: var(--ui-overlay-active-bg); --ui-window-titlebar-button-active-text: var(--ui-text-primary); --ui-window-titlebar-button-hover-bg: var(--ui-overlay-hover-bg); --ui-window-titlebar-button-hover-text: var(--ui-text-primary); --ui-window-titlebar-inactive-bg: var(--ui-surface-header-tint-bg); --ui-window-titlebar-inactive-text: var(--ui-text-primary); --ui-window-titlebar-text: var(--ui-action-primary-text); } /* ━━━ Fialová ━━━ */ .scheme-fialova { --ui-action-primary-bg: #6B4E8E; --ui-action-primary-bg-active: #7C5DA0; --ui-action-primary-bg-hover: #7C5DA0; --ui-action-primary-soft-bg: #e3dbef; --ui-action-primary-soft-text: var(--ui-action-primary-bg); --ui-action-primary-text: #ffffff; --ui-action-primary-text-active: var(--ui-action-primary-text); --ui-action-primary-text-hover: var(--ui-action-primary-text); --ui-action-secondary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 60%, var(--ui-surface-card-bg)); --ui-action-secondary-text: var(--ui-action-primary-text); --ui-action-tertiary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 28%, var(--ui-surface-card-bg)); --ui-action-tertiary-text: var(--ui-text-primary); --ui-avatar-default-bg: #3a6ea5; --ui-avatar-default-text: #ffffff; --ui-border-default: rgba(0,0,0,.10); --ui-border-focus: #6B4E8E; --ui-border-strong: rgba(0,0,0,.18); --ui-border-subtle: rgba(0,0,0,.06); --ui-button-danger-active-bg: var(--ui-status-rose-bg); --ui-button-danger-active-border: var(--ui-status-rose-border); --ui-button-danger-active-text: var(--ui-status-rose-text); --ui-button-danger-default-bg: var(--ui-feedback-danger-bg); --ui-button-danger-default-border: var(--ui-feedback-danger-border); --ui-button-danger-default-text: var(--ui-feedback-danger-text); --ui-button-danger-hover-bg: var(--ui-status-rose-bg); --ui-button-danger-hover-border: var(--ui-status-rose-border); --ui-button-danger-hover-text: var(--ui-status-rose-text); --ui-button-disabled-bg: var(--ui-surface-stripe-bg); --ui-button-disabled-border: var(--ui-border-subtle); --ui-button-disabled-text: var(--ui-text-disabled); --ui-button-focus-ring: 0 0 0 3px var(--ui-action-primary-soft-bg); --ui-button-ghost-active-bg: var(--ui-overlay-active-bg); --ui-button-ghost-active-border: transparent; --ui-button-ghost-active-text: var(--ui-text-primary); --ui-button-ghost-default-bg: transparent; --ui-button-ghost-default-border: transparent; --ui-button-ghost-default-text: var(--ui-text-secondary); --ui-button-ghost-hover-bg: var(--ui-overlay-hover-bg); --ui-button-ghost-hover-border: transparent; --ui-button-ghost-hover-text: var(--ui-text-primary); --ui-button-info-active-bg: #93b8e0; --ui-button-info-active-border: #7fa8d8; --ui-button-info-active-text: #143b6b; --ui-button-info-default-bg: #a9c8ee; --ui-button-info-default-border: #7fa8d8; --ui-button-info-default-edge: #5a87b8; --ui-button-info-default-text: #143b6b; --ui-button-info-hover-bg: #b8d3f0; --ui-button-info-hover-border: #7fa8d8; --ui-button-info-hover-text: #143b6b; --ui-button-primary-active-bg: var(--ui-action-primary-bg-active); --ui-button-primary-active-border: var(--ui-action-primary-bg-active); --ui-button-primary-active-text: var(--ui-action-primary-text); --ui-button-primary-default-bg: var(--ui-action-primary-bg); --ui-button-primary-default-border: var(--ui-action-primary-bg); --ui-button-primary-default-text: var(--ui-action-primary-text); --ui-button-primary-hover-bg: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-border: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-text: var(--ui-action-primary-text); --ui-button-secondary-active-bg: var(--ui-overlay-active-bg); --ui-button-secondary-active-border: var(--ui-action-primary-bg); --ui-button-secondary-active-text: var(--ui-action-primary-bg); --ui-button-secondary-default-bg: var(--ui-surface-card-bg); --ui-button-secondary-default-border: color-mix(in srgb, var(--ui-action-primary-bg) 50%, var(--ui-action-primary-soft-bg)); --ui-button-secondary-default-border-width: 2px; --ui-button-secondary-default-text: var(--ui-action-primary-bg); --ui-button-secondary-hover-bg: var(--ui-action-primary-soft-bg); --ui-button-secondary-hover-border: var(--ui-action-primary-bg); --ui-button-secondary-hover-text: var(--ui-action-primary-bg); --ui-button-success-active-bg: var(--ui-status-mint-bg); --ui-button-success-active-border: var(--ui-status-mint-border); --ui-button-success-active-text: var(--ui-status-mint-text); --ui-button-success-default-bg: var(--ui-feedback-success-bg); --ui-button-success-default-border: var(--ui-feedback-success-border); --ui-button-success-default-text: var(--ui-feedback-success-text); --ui-button-success-hover-bg: var(--ui-status-mint-bg); --ui-button-success-hover-border: var(--ui-status-mint-border); --ui-button-success-hover-text: var(--ui-status-mint-text); --ui-button-warning-active-bg: var(--ui-status-amber-bg); --ui-button-warning-active-border: var(--ui-status-amber-border); --ui-button-warning-active-text: var(--ui-status-amber-text); --ui-button-warning-default-bg: var(--ui-feedback-warning-bg); --ui-button-warning-default-border: var(--ui-feedback-warning-border); --ui-button-warning-default-text: var(--ui-feedback-warning-text); --ui-button-warning-hover-bg: var(--ui-status-amber-bg); --ui-button-warning-hover-border: var(--ui-status-amber-border); --ui-button-warning-hover-text: var(--ui-status-amber-text); --ui-counter-badge-active-bg: var(--ui-action-primary-bg); --ui-counter-badge-active-text: var(--ui-action-primary-text); --ui-counter-badge-default-bg: var(--ui-overlay-active-bg); --ui-counter-badge-default-text: var(--ui-text-tertiary); --ui-density-compact-field-height: 24px; --ui-density-compact-gap: 4px; --ui-density-compact-header-py: 6px; --ui-density-compact-row-py: 3px; --ui-density-compact-text-body: 11.5px; --ui-density-compact-text-grid: 11px; --ui-density-cozy-field-height: 28px; --ui-density-cozy-gap: 6px; --ui-density-cozy-header-py: 8px; --ui-density-cozy-row-py: 5px; --ui-density-cozy-text-body: 13px; --ui-density-cozy-text-grid: 12px; --ui-density-roomy-field-height: 34px; --ui-density-roomy-gap: 10px; --ui-density-roomy-header-py: 11px; --ui-density-roomy-row-py: 9px; --ui-density-roomy-text-body: 14px; --ui-density-roomy-text-grid: 13px; --ui-diff-add-bg: #e6f4ec; --ui-diff-add-text: #0d6b3d; --ui-diff-del-bg: #fbeaec; --ui-diff-del-text: #9a1d24; --ui-drag-dur-drop: 160ms; --ui-drag-dur-lift: 120ms; --ui-drag-dur-reflow: 180ms; --ui-drag-ease: cubic-bezier(0.2, 0.85, 0.25, 1); --ui-drag-fly-opacity: 0.97; --ui-drag-fly-radius: 10px; --ui-drag-fly-scale: 1.02; --ui-drag-fly-shadow: var(--ui-shadow-flyout); --ui-drag-fly-tilt: 0deg; --ui-drag-gap-border: var(--ui-action-primary-bg); --ui-drag-gap-fill: color-mix(in srgb, var(--ui-action-primary-bg) 12%, transparent); --ui-drag-gap-radius: 8px; --ui-drag-insert-color: var(--ui-action-primary-bg); --ui-drag-lift-scale: 1.05; --ui-drag-lift-shadow: 0 16px 34px rgba(0, 0, 0, 0.30), 0 5px 12px rgba(0, 0, 0, 0.20); --ui-drag-source-filter: saturate(0.9); --ui-drag-source-opacity: 0.40; --ui-drop-no-color: var(--ui-status-rose-text); --ui-drop-no-tint: color-mix(in srgb, var(--ui-status-rose-text) 12%, transparent); --ui-drop-ok-color: var(--ui-action-primary-bg); --ui-drop-ok-ring: color-mix(in srgb, var(--ui-action-primary-bg) 22%, transparent); --ui-drop-ok-tint: color-mix(in srgb, var(--ui-action-primary-bg) 9%, transparent); --ui-edit-badge-bg: #fff4cc; --ui-edit-badge-indicator: #d89a00; --ui-edit-badge-text: #8a5a00; --ui-feedback-danger-bg: #fef0f0; --ui-feedback-danger-border: #e8a3a3; --ui-feedback-danger-text: #d83b3b; --ui-feedback-danger-toast-bg: #c0392b; --ui-feedback-danger-toast-border: #ff4d4f; --ui-feedback-danger-toast-text: #ffffff; --ui-feedback-info-bg: #d6eef3; --ui-feedback-info-border: #a8d6e0; --ui-feedback-info-text: #114e57; --ui-feedback-info-toast-bg: #d1ecf1; --ui-feedback-info-toast-border: #4a90e2; --ui-feedback-info-toast-text: #0c5460; --ui-feedback-success-bg: #ecfdf3; --ui-feedback-success-border: #8fd3a6; --ui-feedback-success-text: #2da44e; --ui-feedback-success-toast-bg: #d4edda; --ui-feedback-success-toast-border: #52c41a; --ui-feedback-success-toast-text: #155724; --ui-feedback-warning-bg: #fff5dd; --ui-feedback-warning-border: #e3bd6c; --ui-feedback-warning-text: #c47100; --ui-feedback-warning-toast-bg: #fff3cd; --ui-feedback-warning-toast-border: #fadb14; --ui-feedback-warning-toast-text: #856404; --ui-field-emphasis-bg: #fff5d8; --ui-field-emphasis-border: #f1e2b8; --ui-field-emphasis-border-edit: #d8a600; --ui-field-emphasis-text: var(--ui-text-primary); --ui-flag-blue-bg: color-mix(in srgb, #3b82f6 14%, transparent); --ui-flag-blue-border: color-mix(in srgb, #3b82f6 45%, transparent); --ui-flag-blue-text: #3b82f6; --ui-flag-gray-bg: color-mix(in srgb, #8a8a8a 14%, transparent); --ui-flag-gray-border: color-mix(in srgb, #8a8a8a 45%, transparent); --ui-flag-gray-text: #8a8a8a; --ui-flag-green-bg: color-mix(in srgb, #2da44e 14%, transparent); --ui-flag-green-border: color-mix(in srgb, #2da44e 45%, transparent); --ui-flag-green-text: #2da44e; --ui-flag-orange-bg: color-mix(in srgb, #e07d2d 14%, transparent); --ui-flag-orange-border: color-mix(in srgb, #e07d2d 45%, transparent); --ui-flag-orange-text: #e07d2d; --ui-flag-pink-bg: color-mix(in srgb, #db2777 14%, transparent); --ui-flag-pink-border: color-mix(in srgb, #db2777 45%, transparent); --ui-flag-pink-text: #db2777; --ui-flag-purple-bg: color-mix(in srgb, #7c3aed 14%, transparent); --ui-flag-purple-border: color-mix(in srgb, #7c3aed 45%, transparent); --ui-flag-purple-text: #7c3aed; --ui-flag-red-bg: color-mix(in srgb, #e03e2d 14%, transparent); --ui-flag-red-border: color-mix(in srgb, #e03e2d 45%, transparent); --ui-flag-red-text: #e03e2d; --ui-flag-yellow-bg: color-mix(in srgb, #d4a017 14%, transparent); --ui-flag-yellow-border: color-mix(in srgb, #d4a017 45%, transparent); --ui-flag-yellow-text: #d4a017; --ui-font-base: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif; --ui-font-display: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif; --ui-font-mono: "Cascadia Mono", "Cascadia Code", "Consolas", ui-monospace, monospace; --ui-mdi-canvas-bg: var(--ui-surface-app-bg); --ui-mdi-canvas-text: var(--ui-text-primary); --ui-mdi-min-panel-bg: var(--ui-surface-card-bg); --ui-mdi-min-panel-border: var(--ui-border-default); --ui-mdi-min-panel-hover-bg: var(--ui-overlay-hover-bg); --ui-mdi-min-panel-hover-text: var(--ui-text-primary); --ui-mdi-min-panel-text: var(--ui-text-secondary); --ui-menu-bar-bg: var(--ui-surface-header-tint-bg); --ui-menu-bar-text: var(--ui-text-primary); --ui-menu-disabled-text: var(--ui-text-disabled); --ui-menu-icon-chip-bg: var(--ui-action-primary-soft-bg); --ui-menu-icon-chip-text: var(--ui-action-primary-bg); --ui-menu-item-active-bg: var(--ui-action-primary-soft-bg); --ui-menu-item-active-border: var(--ui-action-primary-bg); --ui-menu-item-active-text: var(--ui-action-primary-bg); --ui-menu-item-hover-bg: var(--ui-overlay-hover-bg); --ui-menu-item-hover-text: var(--ui-text-primary); --ui-menu-separator: var(--ui-border-subtle); --ui-menu-shortcut-bg: var(--ui-surface-stripe-bg); --ui-menu-shortcut-text: var(--ui-text-secondary); --ui-menu-submenu-bg: var(--ui-surface-card-bg); --ui-menu-submenu-border: var(--ui-border-default); --ui-menu-submenu-text: var(--ui-text-primary); --ui-notification-badge-bg: #dc2828; --ui-notification-badge-text: #ffffff; --ui-origin-foreign-color: #d94e4e; --ui-origin-own-color: #3aa55c; --ui-origin-pattern-color: #e0a800; --ui-overlay-active-bg: rgba(0,0,0,.06); --ui-overlay-active-text: var(--ui-text-primary); --ui-overlay-backdrop-bg: rgba(0,0,0,0.5); --ui-overlay-backdrop-text: var(--ui-text-primary); --ui-overlay-hover-bg: rgba(0,0,0,.04); --ui-overlay-hover-text: var(--ui-text-primary); --ui-overlay-loading-bg: color-mix(in srgb, var(--ui-surface-app-bg) 62%, transparent); --ui-overlay-loading-text: var(--ui-text-primary); --ui-overlay-tint-side-bg: rgba(0,0,0,0.025); --ui-overlay-tint-side-text: var(--ui-text-primary); --ui-progress-fill-bg: #f0a020; --ui-progress-fill-text: #3a2c10; --ui-radius-large: 8px; --ui-radius-medium: 6px; --ui-radius-pill: 999px; --ui-radius-small: 4px; --ui-row-selected-bg: #e6dbf2; --ui-row-selected-border: #bda5d4; --ui-row-selected-text: var(--ui-text-primary); --ui-scroll-button-active-bg: #C99A0E; --ui-scroll-button-active-border: #523B6E; --ui-scroll-button-active-text: #ffffff; --ui-scroll-button-default-bg: #E8B923; --ui-scroll-button-default-border: #6B4E8E; --ui-scroll-button-default-text: #ffffff; --ui-scroll-button-disabled-bg: #ECE4F6; --ui-scroll-button-disabled-text: #9C8FB3; --ui-scroll-button-hover-bg: #F0C534; --ui-scroll-button-hover-border: #7C5DA0; --ui-scroll-button-hover-text: #ffffff; --ui-scroll-button-shadow: rgba(107, 78, 142, 0.22); --ui-scrollbar-arrow-color: var(--ui-text-tertiary); --ui-scrollbar-arrow-disabled-color: var(--ui-text-disabled); --ui-scrollbar-arrow-hover-color: var(--ui-text-primary); --ui-scrollbar-thumb-active-bg: color-mix(in srgb, var(--ui-text-primary) 46%, transparent); --ui-scrollbar-thumb-active-text: var(--ui-text-primary); --ui-scrollbar-thumb-bg: color-mix(in srgb, var(--ui-text-primary) 22%, transparent); --ui-scrollbar-thumb-hover-bg: color-mix(in srgb, var(--ui-text-primary) 34%, transparent); --ui-scrollbar-thumb-hover-text: var(--ui-text-primary); --ui-scrollbar-thumb-text: var(--ui-text-primary); --ui-scrollbar-track-bg: transparent; --ui-scrollbar-track-text: var(--ui-text-primary); --ui-shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.06); --ui-shadow-flyout: 0 8px 24px rgba(0,0,0,0.14), 0 2px 6px rgba(0,0,0,0.08); --ui-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6); --ui-shadow-overlay: 0 24px 48px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.10); --ui-spacing-2xl: 24px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 32px; --ui-spacing-3xs: 2px; --ui-spacing-4xl: 40px; --ui-spacing-5xl: 48px; --ui-spacing-6xl: 60px; --ui-spacing-7xl: 80px; --ui-spacing-lg: 16px; --ui-spacing-md: 12px; --ui-spacing-sm: 8px; --ui-spacing-xl: 20px; --ui-spacing-xs: 6px; --ui-spinner-ring-bg: color-mix(in srgb, var(--ui-action-primary-bg) 30%, transparent); --ui-spinner-ring-text: var(--ui-action-primary-bg); --ui-status-amber-bg: #fef6e3; --ui-status-amber-border: #f3d99a; --ui-status-amber-text: #8a5a00; --ui-status-cyan-bg: #dff0f6; --ui-status-cyan-border: #a8d3e1; --ui-status-cyan-text: #0d5a72; --ui-status-mint-bg: #d8f0e0; --ui-status-mint-border: #a8d8b9; --ui-status-mint-text: #0c6b3d; --ui-status-pink-bg: #fde4ee; --ui-status-pink-border: #f0b4d0; --ui-status-pink-text: #a3296b; --ui-status-rose-bg: #fde0e2; --ui-status-rose-border: #f4b4b8; --ui-status-rose-text: #9a1d24; --ui-status-violet-bg: #e8e1f5; --ui-status-violet-border: #c7b8e3; --ui-status-violet-text: #52327a; --ui-statusbar-bg: var(--ui-surface-header-tint-bg); --ui-statusbar-text: var(--ui-text-secondary); --ui-surface-app-bg: #f3f3f3; --ui-surface-app-text: var(--ui-text-primary); --ui-surface-base-bg: #fafafa; --ui-surface-base-text: var(--ui-text-primary); --ui-surface-card-bg: #fff; --ui-surface-card-text: var(--ui-text-primary); --ui-surface-header-bg: #f5f5f5; --ui-surface-header-sorted-bg: #d9c9ea; --ui-surface-header-sorted-text: var(--ui-text-primary); --ui-surface-header-text: var(--ui-text-primary); --ui-surface-header-tint-bg: #ede5f6; --ui-surface-header-tint-text: var(--ui-text-primary); --ui-surface-input-alt-bg: #fbfbfb; --ui-surface-input-alt-text: var(--ui-text-primary); --ui-surface-input-bg: #fff; --ui-surface-input-text: var(--ui-text-primary); --ui-surface-stripe-bg: #fafafa; --ui-surface-stripe-text: var(--ui-text-primary); --ui-surface-tabbar-bg: #ede5f6; --ui-surface-tabbar-text: var(--ui-text-primary); --ui-surface-tinted-bg: #f5f0fa; --ui-surface-tinted-text: var(--ui-text-primary); --ui-surface-titlebar-bg: #ede5f6; --ui-surface-titlebar-text: var(--ui-text-primary); --ui-surface-toolbar-bg: #fafafa; --ui-surface-toolbar-text: var(--ui-text-primary); --ui-tab-active-bg: var(--ui-action-primary-soft-bg); --ui-tab-active-border: var(--ui-action-primary-bg); --ui-tab-active-text: var(--ui-action-primary-bg); --ui-tab-default-bg: transparent; --ui-tab-default-border: var(--ui-border-default); --ui-tab-default-text: var(--ui-text-secondary); --ui-tab-hover-bg: var(--ui-overlay-hover-bg); --ui-tab-hover-border: var(--ui-border-strong); --ui-tab-hover-text: var(--ui-text-primary); --ui-text-disabled: #b8b8b8; --ui-text-leading-normal: 1.4; --ui-text-leading-relaxed: 1.6; --ui-text-leading-tight: 1.2; --ui-text-on-action: #ffffff; --ui-text-primary: #1a1a1a; --ui-text-secondary: #5c5c5c; --ui-text-size-display: 48px; --ui-text-size-heading-large: 15px; --ui-text-size-heading-medium: 13px; --ui-text-size-heading-small: 11.5px; --ui-text-size-heading-xlarge: 22px; --ui-text-size-label: 11.5px; --ui-text-size-micro: 8px; --ui-text-spacing-uppercase: 0.06em; --ui-text-tertiary: #8a8a8a; --ui-text-weight-bold: 700; --ui-text-weight-medium: 500; --ui-text-weight-regular: 400; --ui-text-weight-semibold: 600; --ui-thumb-default-from: #4a6c8e; --ui-thumb-default-to: #233a52; --ui-thumb-deleted-from: #c8c8c8; --ui-thumb-deleted-to: #6a6a6a; --ui-toolbar-chip-accent-border: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-default)); --ui-toolbar-chip-border-width: 2px; --ui-transition-base: 0.2s ease; --ui-transition-fast: 0.12s ease; --ui-unsaved-indicator-color: #f7951c; --ui-unsaved-indicator-halo-color: var(--ui-surface-card-bg); --ui-window-border-active: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-strong)); --ui-window-border-inactive: var(--ui-border-default); --ui-window-close-bg-hover: #c42b1c; --ui-window-close-text-hover: #ffffff; --ui-window-footer-bg: var(--ui-surface-header-tint-bg); --ui-window-footer-inactive-bg: color-mix(in srgb, var(--ui-surface-header-tint-bg) 55%, var(--ui-surface-app-bg)); --ui-window-footer-inactive-text: var(--ui-text-tertiary); --ui-window-footer-text: var(--ui-text-secondary); --ui-window-frame-inset-highlight-color: rgba(255,255,255,0.4); --ui-window-resize-grip-color: var(--ui-text-tertiary); --ui-window-titlebar-bg: var(--ui-action-primary-bg); --ui-window-titlebar-button-active-bg: var(--ui-overlay-active-bg); --ui-window-titlebar-button-active-text: var(--ui-text-primary); --ui-window-titlebar-button-hover-bg: var(--ui-overlay-hover-bg); --ui-window-titlebar-button-hover-text: var(--ui-text-primary); --ui-window-titlebar-inactive-bg: var(--ui-surface-header-tint-bg); --ui-window-titlebar-inactive-text: var(--ui-text-primary); --ui-window-titlebar-text: var(--ui-action-primary-text); } /* ━━━ Zelená ━━━ */ .scheme-zelena { --ui-action-primary-bg: #2D6E47; --ui-action-primary-bg-active: #3a7d54; --ui-action-primary-bg-hover: #3a7d54; --ui-action-primary-soft-bg: #d4ecdd; --ui-action-primary-soft-text: var(--ui-action-primary-bg); --ui-action-primary-text: #ffffff; --ui-action-primary-text-active: var(--ui-action-primary-text); --ui-action-primary-text-hover: var(--ui-action-primary-text); --ui-action-secondary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 60%, var(--ui-surface-card-bg)); --ui-action-secondary-text: var(--ui-action-primary-text); --ui-action-tertiary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 28%, var(--ui-surface-card-bg)); --ui-action-tertiary-text: var(--ui-text-primary); --ui-avatar-default-bg: #3a6ea5; --ui-avatar-default-text: #ffffff; --ui-border-default: rgba(0,0,0,.10); --ui-border-focus: #2D6E47; --ui-border-strong: rgba(0,0,0,.18); --ui-border-subtle: rgba(0,0,0,.06); --ui-button-danger-active-bg: var(--ui-status-rose-bg); --ui-button-danger-active-border: var(--ui-status-rose-border); --ui-button-danger-active-text: var(--ui-status-rose-text); --ui-button-danger-default-bg: var(--ui-feedback-danger-bg); --ui-button-danger-default-border: var(--ui-feedback-danger-border); --ui-button-danger-default-text: var(--ui-feedback-danger-text); --ui-button-danger-hover-bg: var(--ui-status-rose-bg); --ui-button-danger-hover-border: var(--ui-status-rose-border); --ui-button-danger-hover-text: var(--ui-status-rose-text); --ui-button-disabled-bg: var(--ui-surface-stripe-bg); --ui-button-disabled-border: var(--ui-border-subtle); --ui-button-disabled-text: var(--ui-text-disabled); --ui-button-focus-ring: 0 0 0 3px var(--ui-action-primary-soft-bg); --ui-button-ghost-active-bg: var(--ui-overlay-active-bg); --ui-button-ghost-active-border: transparent; --ui-button-ghost-active-text: var(--ui-text-primary); --ui-button-ghost-default-bg: transparent; --ui-button-ghost-default-border: transparent; --ui-button-ghost-default-text: var(--ui-text-secondary); --ui-button-ghost-hover-bg: var(--ui-overlay-hover-bg); --ui-button-ghost-hover-border: transparent; --ui-button-ghost-hover-text: var(--ui-text-primary); --ui-button-info-active-bg: #93b8e0; --ui-button-info-active-border: #7fa8d8; --ui-button-info-active-text: #143b6b; --ui-button-info-default-bg: #a9c8ee; --ui-button-info-default-border: #7fa8d8; --ui-button-info-default-edge: #5a87b8; --ui-button-info-default-text: #143b6b; --ui-button-info-hover-bg: #b8d3f0; --ui-button-info-hover-border: #7fa8d8; --ui-button-info-hover-text: #143b6b; --ui-button-primary-active-bg: var(--ui-action-primary-bg-active); --ui-button-primary-active-border: var(--ui-action-primary-bg-active); --ui-button-primary-active-text: var(--ui-action-primary-text); --ui-button-primary-default-bg: var(--ui-action-primary-bg); --ui-button-primary-default-border: var(--ui-action-primary-bg); --ui-button-primary-default-text: var(--ui-action-primary-text); --ui-button-primary-hover-bg: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-border: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-text: var(--ui-action-primary-text); --ui-button-secondary-active-bg: var(--ui-overlay-active-bg); --ui-button-secondary-active-border: var(--ui-action-primary-bg); --ui-button-secondary-active-text: var(--ui-action-primary-bg); --ui-button-secondary-default-bg: var(--ui-surface-card-bg); --ui-button-secondary-default-border: color-mix(in srgb, var(--ui-action-primary-bg) 50%, var(--ui-action-primary-soft-bg)); --ui-button-secondary-default-border-width: 2px; --ui-button-secondary-default-text: var(--ui-action-primary-bg); --ui-button-secondary-hover-bg: var(--ui-action-primary-soft-bg); --ui-button-secondary-hover-border: var(--ui-action-primary-bg); --ui-button-secondary-hover-text: var(--ui-action-primary-bg); --ui-button-success-active-bg: var(--ui-status-mint-bg); --ui-button-success-active-border: var(--ui-status-mint-border); --ui-button-success-active-text: var(--ui-status-mint-text); --ui-button-success-default-bg: var(--ui-feedback-success-bg); --ui-button-success-default-border: var(--ui-feedback-success-border); --ui-button-success-default-text: var(--ui-feedback-success-text); --ui-button-success-hover-bg: var(--ui-status-mint-bg); --ui-button-success-hover-border: var(--ui-status-mint-border); --ui-button-success-hover-text: var(--ui-status-mint-text); --ui-button-warning-active-bg: var(--ui-status-amber-bg); --ui-button-warning-active-border: var(--ui-status-amber-border); --ui-button-warning-active-text: var(--ui-status-amber-text); --ui-button-warning-default-bg: var(--ui-feedback-warning-bg); --ui-button-warning-default-border: var(--ui-feedback-warning-border); --ui-button-warning-default-text: var(--ui-feedback-warning-text); --ui-button-warning-hover-bg: var(--ui-status-amber-bg); --ui-button-warning-hover-border: var(--ui-status-amber-border); --ui-button-warning-hover-text: var(--ui-status-amber-text); --ui-counter-badge-active-bg: var(--ui-action-primary-bg); --ui-counter-badge-active-text: var(--ui-action-primary-text); --ui-counter-badge-default-bg: var(--ui-overlay-active-bg); --ui-counter-badge-default-text: var(--ui-text-tertiary); --ui-density-compact-field-height: 24px; --ui-density-compact-gap: 4px; --ui-density-compact-header-py: 6px; --ui-density-compact-row-py: 3px; --ui-density-compact-text-body: 11.5px; --ui-density-compact-text-grid: 11px; --ui-density-cozy-field-height: 28px; --ui-density-cozy-gap: 6px; --ui-density-cozy-header-py: 8px; --ui-density-cozy-row-py: 5px; --ui-density-cozy-text-body: 13px; --ui-density-cozy-text-grid: 12px; --ui-density-roomy-field-height: 34px; --ui-density-roomy-gap: 10px; --ui-density-roomy-header-py: 11px; --ui-density-roomy-row-py: 9px; --ui-density-roomy-text-body: 14px; --ui-density-roomy-text-grid: 13px; --ui-diff-add-bg: #e6f4ec; --ui-diff-add-text: #0d6b3d; --ui-diff-del-bg: #fbeaec; --ui-diff-del-text: #9a1d24; --ui-drag-dur-drop: 160ms; --ui-drag-dur-lift: 120ms; --ui-drag-dur-reflow: 180ms; --ui-drag-ease: cubic-bezier(0.2, 0.85, 0.25, 1); --ui-drag-fly-opacity: 0.97; --ui-drag-fly-radius: 10px; --ui-drag-fly-scale: 1.02; --ui-drag-fly-shadow: var(--ui-shadow-flyout); --ui-drag-fly-tilt: 0deg; --ui-drag-gap-border: var(--ui-action-primary-bg); --ui-drag-gap-fill: color-mix(in srgb, var(--ui-action-primary-bg) 12%, transparent); --ui-drag-gap-radius: 8px; --ui-drag-insert-color: var(--ui-action-primary-bg); --ui-drag-lift-scale: 1.05; --ui-drag-lift-shadow: 0 16px 34px rgba(0, 0, 0, 0.30), 0 5px 12px rgba(0, 0, 0, 0.20); --ui-drag-source-filter: saturate(0.9); --ui-drag-source-opacity: 0.40; --ui-drop-no-color: var(--ui-status-rose-text); --ui-drop-no-tint: color-mix(in srgb, var(--ui-status-rose-text) 12%, transparent); --ui-drop-ok-color: var(--ui-action-primary-bg); --ui-drop-ok-ring: color-mix(in srgb, var(--ui-action-primary-bg) 22%, transparent); --ui-drop-ok-tint: color-mix(in srgb, var(--ui-action-primary-bg) 9%, transparent); --ui-edit-badge-bg: #fff4cc; --ui-edit-badge-indicator: #d89a00; --ui-edit-badge-text: #8a5a00; --ui-feedback-danger-bg: #fef0f0; --ui-feedback-danger-border: #e8a3a3; --ui-feedback-danger-text: #d83b3b; --ui-feedback-danger-toast-bg: #c0392b; --ui-feedback-danger-toast-border: #ff4d4f; --ui-feedback-danger-toast-text: #ffffff; --ui-feedback-info-bg: #d6eef3; --ui-feedback-info-border: #a8d6e0; --ui-feedback-info-text: #114e57; --ui-feedback-info-toast-bg: #d1ecf1; --ui-feedback-info-toast-border: #4a90e2; --ui-feedback-info-toast-text: #0c5460; --ui-feedback-success-bg: #ecfdf3; --ui-feedback-success-border: #8fd3a6; --ui-feedback-success-text: #2da44e; --ui-feedback-success-toast-bg: #d4edda; --ui-feedback-success-toast-border: #52c41a; --ui-feedback-success-toast-text: #155724; --ui-feedback-warning-bg: #fff5dd; --ui-feedback-warning-border: #e3bd6c; --ui-feedback-warning-text: #c47100; --ui-feedback-warning-toast-bg: #fff3cd; --ui-feedback-warning-toast-border: #fadb14; --ui-feedback-warning-toast-text: #856404; --ui-field-emphasis-bg: #fff5d8; --ui-field-emphasis-border: #f1e2b8; --ui-field-emphasis-border-edit: #d8a600; --ui-field-emphasis-text: var(--ui-text-primary); --ui-flag-blue-bg: color-mix(in srgb, #3b82f6 14%, transparent); --ui-flag-blue-border: color-mix(in srgb, #3b82f6 45%, transparent); --ui-flag-blue-text: #3b82f6; --ui-flag-gray-bg: color-mix(in srgb, #8a8a8a 14%, transparent); --ui-flag-gray-border: color-mix(in srgb, #8a8a8a 45%, transparent); --ui-flag-gray-text: #8a8a8a; --ui-flag-green-bg: color-mix(in srgb, #2da44e 14%, transparent); --ui-flag-green-border: color-mix(in srgb, #2da44e 45%, transparent); --ui-flag-green-text: #2da44e; --ui-flag-orange-bg: color-mix(in srgb, #e07d2d 14%, transparent); --ui-flag-orange-border: color-mix(in srgb, #e07d2d 45%, transparent); --ui-flag-orange-text: #e07d2d; --ui-flag-pink-bg: color-mix(in srgb, #db2777 14%, transparent); --ui-flag-pink-border: color-mix(in srgb, #db2777 45%, transparent); --ui-flag-pink-text: #db2777; --ui-flag-purple-bg: color-mix(in srgb, #7c3aed 14%, transparent); --ui-flag-purple-border: color-mix(in srgb, #7c3aed 45%, transparent); --ui-flag-purple-text: #7c3aed; --ui-flag-red-bg: color-mix(in srgb, #e03e2d 14%, transparent); --ui-flag-red-border: color-mix(in srgb, #e03e2d 45%, transparent); --ui-flag-red-text: #e03e2d; --ui-flag-yellow-bg: color-mix(in srgb, #d4a017 14%, transparent); --ui-flag-yellow-border: color-mix(in srgb, #d4a017 45%, transparent); --ui-flag-yellow-text: #d4a017; --ui-font-base: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif; --ui-font-display: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif; --ui-font-mono: "Cascadia Mono", "Cascadia Code", "Consolas", ui-monospace, monospace; --ui-mdi-canvas-bg: var(--ui-surface-app-bg); --ui-mdi-canvas-text: var(--ui-text-primary); --ui-mdi-min-panel-bg: var(--ui-surface-card-bg); --ui-mdi-min-panel-border: var(--ui-border-default); --ui-mdi-min-panel-hover-bg: var(--ui-overlay-hover-bg); --ui-mdi-min-panel-hover-text: var(--ui-text-primary); --ui-mdi-min-panel-text: var(--ui-text-secondary); --ui-menu-bar-bg: var(--ui-surface-header-tint-bg); --ui-menu-bar-text: var(--ui-text-primary); --ui-menu-disabled-text: var(--ui-text-disabled); --ui-menu-icon-chip-bg: var(--ui-action-primary-soft-bg); --ui-menu-icon-chip-text: var(--ui-action-primary-bg); --ui-menu-item-active-bg: var(--ui-action-primary-soft-bg); --ui-menu-item-active-border: var(--ui-action-primary-bg); --ui-menu-item-active-text: var(--ui-action-primary-bg); --ui-menu-item-hover-bg: var(--ui-overlay-hover-bg); --ui-menu-item-hover-text: var(--ui-text-primary); --ui-menu-separator: var(--ui-border-subtle); --ui-menu-shortcut-bg: var(--ui-surface-stripe-bg); --ui-menu-shortcut-text: var(--ui-text-secondary); --ui-menu-submenu-bg: var(--ui-surface-card-bg); --ui-menu-submenu-border: var(--ui-border-default); --ui-menu-submenu-text: var(--ui-text-primary); --ui-notification-badge-bg: #dc2828; --ui-notification-badge-text: #ffffff; --ui-origin-foreign-color: #d94e4e; --ui-origin-own-color: #3aa55c; --ui-origin-pattern-color: #e0a800; --ui-overlay-active-bg: rgba(0,0,0,.06); --ui-overlay-active-text: var(--ui-text-primary); --ui-overlay-backdrop-bg: rgba(0,0,0,0.5); --ui-overlay-backdrop-text: var(--ui-text-primary); --ui-overlay-hover-bg: rgba(0,0,0,.04); --ui-overlay-hover-text: var(--ui-text-primary); --ui-overlay-loading-bg: color-mix(in srgb, var(--ui-surface-app-bg) 62%, transparent); --ui-overlay-loading-text: var(--ui-text-primary); --ui-overlay-tint-side-bg: rgba(0,0,0,0.025); --ui-overlay-tint-side-text: var(--ui-text-primary); --ui-progress-fill-bg: #f0a020; --ui-progress-fill-text: #3a2c10; --ui-radius-large: 8px; --ui-radius-medium: 6px; --ui-radius-pill: 999px; --ui-radius-small: 4px; --ui-row-selected-bg: #d8ecdf; --ui-row-selected-border: #9cc9ad; --ui-row-selected-text: var(--ui-text-primary); --ui-scroll-button-active-bg: #C99A0E; --ui-scroll-button-active-border: #1F5235; --ui-scroll-button-active-text: #ffffff; --ui-scroll-button-default-bg: #E8B923; --ui-scroll-button-default-border: #2D6E47; --ui-scroll-button-default-text: #ffffff; --ui-scroll-button-disabled-bg: #DCE8D7; --ui-scroll-button-disabled-text: #8AA08A; --ui-scroll-button-hover-bg: #F0C534; --ui-scroll-button-hover-border: #3A7D54; --ui-scroll-button-hover-text: #ffffff; --ui-scroll-button-shadow: rgba(45, 110, 71, 0.22); --ui-scrollbar-arrow-color: var(--ui-text-tertiary); --ui-scrollbar-arrow-disabled-color: var(--ui-text-disabled); --ui-scrollbar-arrow-hover-color: var(--ui-text-primary); --ui-scrollbar-thumb-active-bg: color-mix(in srgb, var(--ui-text-primary) 46%, transparent); --ui-scrollbar-thumb-active-text: var(--ui-text-primary); --ui-scrollbar-thumb-bg: color-mix(in srgb, var(--ui-text-primary) 22%, transparent); --ui-scrollbar-thumb-hover-bg: color-mix(in srgb, var(--ui-text-primary) 34%, transparent); --ui-scrollbar-thumb-hover-text: var(--ui-text-primary); --ui-scrollbar-thumb-text: var(--ui-text-primary); --ui-scrollbar-track-bg: transparent; --ui-scrollbar-track-text: var(--ui-text-primary); --ui-shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.06); --ui-shadow-flyout: 0 8px 24px rgba(0,0,0,0.14), 0 2px 6px rgba(0,0,0,0.08); --ui-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6); --ui-shadow-overlay: 0 24px 48px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.10); --ui-spacing-2xl: 24px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 32px; --ui-spacing-3xs: 2px; --ui-spacing-4xl: 40px; --ui-spacing-5xl: 48px; --ui-spacing-6xl: 60px; --ui-spacing-7xl: 80px; --ui-spacing-lg: 16px; --ui-spacing-md: 12px; --ui-spacing-sm: 8px; --ui-spacing-xl: 20px; --ui-spacing-xs: 6px; --ui-spinner-ring-bg: color-mix(in srgb, var(--ui-action-primary-bg) 30%, transparent); --ui-spinner-ring-text: var(--ui-action-primary-bg); --ui-status-amber-bg: #fef6e3; --ui-status-amber-border: #f3d99a; --ui-status-amber-text: #8a5a00; --ui-status-cyan-bg: #dff0f6; --ui-status-cyan-border: #a8d3e1; --ui-status-cyan-text: #0d5a72; --ui-status-mint-bg: #d8f0e0; --ui-status-mint-border: #a8d8b9; --ui-status-mint-text: #0c6b3d; --ui-status-pink-bg: #fde4ee; --ui-status-pink-border: #f0b4d0; --ui-status-pink-text: #a3296b; --ui-status-rose-bg: #fde0e2; --ui-status-rose-border: #f4b4b8; --ui-status-rose-text: #9a1d24; --ui-status-violet-bg: #e8e1f5; --ui-status-violet-border: #c7b8e3; --ui-status-violet-text: #52327a; --ui-statusbar-bg: var(--ui-surface-header-tint-bg); --ui-statusbar-text: var(--ui-text-secondary); --ui-surface-app-bg: #f3f3f3; --ui-surface-app-text: var(--ui-text-primary); --ui-surface-base-bg: #fafafa; --ui-surface-base-text: var(--ui-text-primary); --ui-surface-card-bg: #fff; --ui-surface-card-text: var(--ui-text-primary); --ui-surface-header-bg: #f5f5f5; --ui-surface-header-sorted-bg: #c2dfcd; --ui-surface-header-sorted-text: var(--ui-text-primary); --ui-surface-header-text: var(--ui-text-primary); --ui-surface-header-tint-bg: #e3f2e8; --ui-surface-header-tint-text: var(--ui-text-primary); --ui-surface-input-alt-bg: #fbfbfb; --ui-surface-input-alt-text: var(--ui-text-primary); --ui-surface-input-bg: #fff; --ui-surface-input-text: var(--ui-text-primary); --ui-surface-stripe-bg: #fafafa; --ui-surface-stripe-text: var(--ui-text-primary); --ui-surface-tabbar-bg: #e3f2e8; --ui-surface-tabbar-text: var(--ui-text-primary); --ui-surface-tinted-bg: #edf6f0; --ui-surface-tinted-text: var(--ui-text-primary); --ui-surface-titlebar-bg: #e3f2e8; --ui-surface-titlebar-text: var(--ui-text-primary); --ui-surface-toolbar-bg: #fafafa; --ui-surface-toolbar-text: var(--ui-text-primary); --ui-tab-active-bg: var(--ui-action-primary-soft-bg); --ui-tab-active-border: var(--ui-action-primary-bg); --ui-tab-active-text: var(--ui-action-primary-bg); --ui-tab-default-bg: transparent; --ui-tab-default-border: var(--ui-border-default); --ui-tab-default-text: var(--ui-text-secondary); --ui-tab-hover-bg: var(--ui-overlay-hover-bg); --ui-tab-hover-border: var(--ui-border-strong); --ui-tab-hover-text: var(--ui-text-primary); --ui-text-disabled: #b8b8b8; --ui-text-leading-normal: 1.4; --ui-text-leading-relaxed: 1.6; --ui-text-leading-tight: 1.2; --ui-text-on-action: #ffffff; --ui-text-primary: #1a1a1a; --ui-text-secondary: #5c5c5c; --ui-text-size-display: 48px; --ui-text-size-heading-large: 15px; --ui-text-size-heading-medium: 13px; --ui-text-size-heading-small: 11.5px; --ui-text-size-heading-xlarge: 22px; --ui-text-size-label: 11.5px; --ui-text-size-micro: 8px; --ui-text-spacing-uppercase: 0.06em; --ui-text-tertiary: #8a8a8a; --ui-text-weight-bold: 700; --ui-text-weight-medium: 500; --ui-text-weight-regular: 400; --ui-text-weight-semibold: 600; --ui-thumb-default-from: #4a6c8e; --ui-thumb-default-to: #233a52; --ui-thumb-deleted-from: #c8c8c8; --ui-thumb-deleted-to: #6a6a6a; --ui-toolbar-chip-accent-border: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-default)); --ui-toolbar-chip-border-width: 2px; --ui-transition-base: 0.2s ease; --ui-transition-fast: 0.12s ease; --ui-unsaved-indicator-color: #f7951c; --ui-unsaved-indicator-halo-color: var(--ui-surface-card-bg); --ui-window-border-active: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-strong)); --ui-window-border-inactive: var(--ui-border-default); --ui-window-close-bg-hover: #c42b1c; --ui-window-close-text-hover: #ffffff; --ui-window-footer-bg: var(--ui-surface-header-tint-bg); --ui-window-footer-inactive-bg: color-mix(in srgb, var(--ui-surface-header-tint-bg) 55%, var(--ui-surface-app-bg)); --ui-window-footer-inactive-text: var(--ui-text-tertiary); --ui-window-footer-text: var(--ui-text-secondary); --ui-window-frame-inset-highlight-color: rgba(255,255,255,0.4); --ui-window-resize-grip-color: var(--ui-text-tertiary); --ui-window-titlebar-bg: var(--ui-action-primary-bg); --ui-window-titlebar-button-active-bg: var(--ui-overlay-active-bg); --ui-window-titlebar-button-active-text: var(--ui-text-primary); --ui-window-titlebar-button-hover-bg: var(--ui-overlay-hover-bg); --ui-window-titlebar-button-hover-text: var(--ui-text-primary); --ui-window-titlebar-inactive-bg: var(--ui-surface-header-tint-bg); --ui-window-titlebar-inactive-text: var(--ui-text-primary); --ui-window-titlebar-text: var(--ui-action-primary-text); } /* ━━━ Tmavá – slate ━━━ */ .scheme-tmava-slate { --ui-action-primary-bg: #7DB6E0; --ui-action-primary-bg-active: #8fc1e8; --ui-action-primary-bg-hover: #8fc1e8; --ui-action-primary-soft-bg: #2c4456; --ui-action-primary-soft-text: var(--ui-action-primary-bg); --ui-action-primary-text: #001a2c; --ui-action-primary-text-active: var(--ui-action-primary-text); --ui-action-primary-text-hover: var(--ui-action-primary-text); --ui-action-secondary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 60%, var(--ui-surface-card-bg)); --ui-action-secondary-text: var(--ui-action-primary-text); --ui-action-tertiary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 28%, var(--ui-surface-card-bg)); --ui-action-tertiary-text: var(--ui-text-primary); --ui-avatar-default-bg: #3a6ea5; --ui-avatar-default-text: #ffffff; --ui-border-default: rgba(255,255,255,.10); --ui-border-focus: #7DB6E0; --ui-border-strong: rgba(255,255,255,.20); --ui-border-subtle: rgba(255,255,255,.06); --ui-button-danger-active-bg: var(--ui-status-rose-bg); --ui-button-danger-active-border: var(--ui-status-rose-border); --ui-button-danger-active-text: var(--ui-status-rose-text); --ui-button-danger-default-bg: var(--ui-feedback-danger-bg); --ui-button-danger-default-border: var(--ui-feedback-danger-border); --ui-button-danger-default-text: var(--ui-feedback-danger-text); --ui-button-danger-hover-bg: var(--ui-status-rose-bg); --ui-button-danger-hover-border: var(--ui-status-rose-border); --ui-button-danger-hover-text: var(--ui-status-rose-text); --ui-button-disabled-bg: var(--ui-surface-stripe-bg); --ui-button-disabled-border: var(--ui-border-subtle); --ui-button-disabled-text: var(--ui-text-disabled); --ui-button-focus-ring: 0 0 0 3px var(--ui-action-primary-soft-bg); --ui-button-ghost-active-bg: var(--ui-overlay-active-bg); --ui-button-ghost-active-border: transparent; --ui-button-ghost-active-text: var(--ui-text-primary); --ui-button-ghost-default-bg: transparent; --ui-button-ghost-default-border: transparent; --ui-button-ghost-default-text: var(--ui-text-secondary); --ui-button-ghost-hover-bg: var(--ui-overlay-hover-bg); --ui-button-ghost-hover-border: transparent; --ui-button-ghost-hover-text: var(--ui-text-primary); --ui-button-info-active-bg: #93b8e0; --ui-button-info-active-border: #7fa8d8; --ui-button-info-active-text: #143b6b; --ui-button-info-default-bg: #a9c8ee; --ui-button-info-default-border: #7fa8d8; --ui-button-info-default-edge: #5a87b8; --ui-button-info-default-text: #143b6b; --ui-button-info-hover-bg: #b8d3f0; --ui-button-info-hover-border: #7fa8d8; --ui-button-info-hover-text: #143b6b; --ui-button-primary-active-bg: var(--ui-action-primary-bg-active); --ui-button-primary-active-border: var(--ui-action-primary-bg-active); --ui-button-primary-active-text: var(--ui-action-primary-text); --ui-button-primary-default-bg: var(--ui-action-primary-bg); --ui-button-primary-default-border: var(--ui-action-primary-bg); --ui-button-primary-default-text: var(--ui-action-primary-text); --ui-button-primary-hover-bg: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-border: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-text: var(--ui-action-primary-text); --ui-button-secondary-active-bg: var(--ui-overlay-active-bg); --ui-button-secondary-active-border: var(--ui-action-primary-bg); --ui-button-secondary-active-text: var(--ui-action-primary-bg); --ui-button-secondary-default-bg: var(--ui-surface-card-bg); --ui-button-secondary-default-border: color-mix(in srgb, var(--ui-action-primary-bg) 50%, var(--ui-action-primary-soft-bg)); --ui-button-secondary-default-border-width: 2px; --ui-button-secondary-default-text: var(--ui-action-primary-bg); --ui-button-secondary-hover-bg: var(--ui-action-primary-soft-bg); --ui-button-secondary-hover-border: var(--ui-action-primary-bg); --ui-button-secondary-hover-text: var(--ui-action-primary-bg); --ui-button-success-active-bg: var(--ui-status-mint-bg); --ui-button-success-active-border: var(--ui-status-mint-border); --ui-button-success-active-text: var(--ui-status-mint-text); --ui-button-success-default-bg: var(--ui-feedback-success-bg); --ui-button-success-default-border: var(--ui-feedback-success-border); --ui-button-success-default-text: var(--ui-feedback-success-text); --ui-button-success-hover-bg: var(--ui-status-mint-bg); --ui-button-success-hover-border: var(--ui-status-mint-border); --ui-button-success-hover-text: var(--ui-status-mint-text); --ui-button-warning-active-bg: var(--ui-status-amber-bg); --ui-button-warning-active-border: var(--ui-status-amber-border); --ui-button-warning-active-text: var(--ui-status-amber-text); --ui-button-warning-default-bg: var(--ui-feedback-warning-bg); --ui-button-warning-default-border: var(--ui-feedback-warning-border); --ui-button-warning-default-text: var(--ui-feedback-warning-text); --ui-button-warning-hover-bg: var(--ui-status-amber-bg); --ui-button-warning-hover-border: var(--ui-status-amber-border); --ui-button-warning-hover-text: var(--ui-status-amber-text); --ui-counter-badge-active-bg: var(--ui-action-primary-bg); --ui-counter-badge-active-text: var(--ui-action-primary-text); --ui-counter-badge-default-bg: var(--ui-overlay-active-bg); --ui-counter-badge-default-text: var(--ui-text-tertiary); --ui-density-compact-field-height: 24px; --ui-density-compact-gap: 4px; --ui-density-compact-header-py: 6px; --ui-density-compact-row-py: 3px; --ui-density-compact-text-body: 11.5px; --ui-density-compact-text-grid: 11px; --ui-density-cozy-field-height: 28px; --ui-density-cozy-gap: 6px; --ui-density-cozy-header-py: 8px; --ui-density-cozy-row-py: 5px; --ui-density-cozy-text-body: 13px; --ui-density-cozy-text-grid: 12px; --ui-density-roomy-field-height: 34px; --ui-density-roomy-gap: 10px; --ui-density-roomy-header-py: 11px; --ui-density-roomy-row-py: 9px; --ui-density-roomy-text-body: 14px; --ui-density-roomy-text-grid: 13px; --ui-diff-add-bg: #16331f; --ui-diff-add-text: #7adba0; --ui-diff-del-bg: #3a191c; --ui-diff-del-text: #ff9aa1; --ui-drag-dur-drop: 160ms; --ui-drag-dur-lift: 120ms; --ui-drag-dur-reflow: 180ms; --ui-drag-ease: cubic-bezier(0.2, 0.85, 0.25, 1); --ui-drag-fly-opacity: 0.97; --ui-drag-fly-radius: 10px; --ui-drag-fly-scale: 1.02; --ui-drag-fly-shadow: var(--ui-shadow-flyout); --ui-drag-fly-tilt: 0deg; --ui-drag-gap-border: var(--ui-action-primary-bg); --ui-drag-gap-fill: color-mix(in srgb, var(--ui-action-primary-bg) 12%, transparent); --ui-drag-gap-radius: 8px; --ui-drag-insert-color: var(--ui-action-primary-bg); --ui-drag-lift-scale: 1.05; --ui-drag-lift-shadow: 0 16px 34px rgba(0, 0, 0, 0.30), 0 5px 12px rgba(0, 0, 0, 0.20); --ui-drag-source-filter: saturate(0.9); --ui-drag-source-opacity: 0.40; --ui-drop-no-color: var(--ui-status-rose-text); --ui-drop-no-tint: color-mix(in srgb, var(--ui-status-rose-text) 12%, transparent); --ui-drop-ok-color: var(--ui-action-primary-bg); --ui-drop-ok-ring: color-mix(in srgb, var(--ui-action-primary-bg) 22%, transparent); --ui-drop-ok-tint: color-mix(in srgb, var(--ui-action-primary-bg) 9%, transparent); --ui-edit-badge-bg: #4a3a14; --ui-edit-badge-indicator: #d89a00; --ui-edit-badge-text: #f5c87a; --ui-feedback-danger-bg: rgba(216,59,59,0.14); --ui-feedback-danger-border: rgba(216,59,59,0.4); --ui-feedback-danger-text: #ff6b6b; --ui-feedback-danger-toast-bg: #c0392b; --ui-feedback-danger-toast-border: #ff4d4f; --ui-feedback-danger-toast-text: #ffffff; --ui-feedback-info-bg: #163138; --ui-feedback-info-border: #285059; --ui-feedback-info-text: #88d8e6; --ui-feedback-info-toast-bg: #d1ecf1; --ui-feedback-info-toast-border: #4a90e2; --ui-feedback-info-toast-text: #0c5460; --ui-feedback-success-bg: rgba(45,164,78,0.14); --ui-feedback-success-border: rgba(45,164,78,0.4); --ui-feedback-success-text: #7adba0; --ui-feedback-success-toast-bg: #d4edda; --ui-feedback-success-toast-border: #52c41a; --ui-feedback-success-toast-text: #155724; --ui-feedback-warning-bg: rgba(247,149,28,0.14); --ui-feedback-warning-border: rgba(247,149,28,0.4); --ui-feedback-warning-text: #f7b556; --ui-feedback-warning-toast-bg: #fff3cd; --ui-feedback-warning-toast-border: #fadb14; --ui-feedback-warning-toast-text: #856404; --ui-field-emphasis-bg: #3d3624; --ui-field-emphasis-border: #8a6a2e; --ui-field-emphasis-border-edit: #d8a600; --ui-field-emphasis-text: var(--ui-text-primary); --ui-flag-blue-bg: color-mix(in srgb, #3b82f6 14%, transparent); --ui-flag-blue-border: color-mix(in srgb, #3b82f6 45%, transparent); --ui-flag-blue-text: #3b82f6; --ui-flag-gray-bg: color-mix(in srgb, #8a8a8a 14%, transparent); --ui-flag-gray-border: color-mix(in srgb, #8a8a8a 45%, transparent); --ui-flag-gray-text: #8a8a8a; --ui-flag-green-bg: color-mix(in srgb, #2da44e 14%, transparent); --ui-flag-green-border: color-mix(in srgb, #2da44e 45%, transparent); --ui-flag-green-text: #2da44e; --ui-flag-orange-bg: color-mix(in srgb, #e07d2d 14%, transparent); --ui-flag-orange-border: color-mix(in srgb, #e07d2d 45%, transparent); --ui-flag-orange-text: #e07d2d; --ui-flag-pink-bg: color-mix(in srgb, #db2777 14%, transparent); --ui-flag-pink-border: color-mix(in srgb, #db2777 45%, transparent); --ui-flag-pink-text: #db2777; --ui-flag-purple-bg: color-mix(in srgb, #7c3aed 14%, transparent); --ui-flag-purple-border: color-mix(in srgb, #7c3aed 45%, transparent); --ui-flag-purple-text: #7c3aed; --ui-flag-red-bg: color-mix(in srgb, #e03e2d 14%, transparent); --ui-flag-red-border: color-mix(in srgb, #e03e2d 45%, transparent); --ui-flag-red-text: #e03e2d; --ui-flag-yellow-bg: color-mix(in srgb, #d4a017 14%, transparent); --ui-flag-yellow-border: color-mix(in srgb, #d4a017 45%, transparent); --ui-flag-yellow-text: #d4a017; --ui-font-base: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif; --ui-font-display: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif; --ui-font-mono: "Cascadia Mono", "Cascadia Code", "Consolas", ui-monospace, monospace; --ui-mdi-canvas-bg: var(--ui-surface-app-bg); --ui-mdi-canvas-text: var(--ui-text-primary); --ui-mdi-min-panel-bg: var(--ui-surface-card-bg); --ui-mdi-min-panel-border: var(--ui-border-default); --ui-mdi-min-panel-hover-bg: var(--ui-overlay-hover-bg); --ui-mdi-min-panel-hover-text: var(--ui-text-primary); --ui-mdi-min-panel-text: var(--ui-text-secondary); --ui-menu-bar-bg: var(--ui-surface-header-tint-bg); --ui-menu-bar-text: var(--ui-text-primary); --ui-menu-disabled-text: var(--ui-text-disabled); --ui-menu-icon-chip-bg: var(--ui-action-primary-soft-bg); --ui-menu-icon-chip-text: var(--ui-action-primary-bg); --ui-menu-item-active-bg: var(--ui-action-primary-soft-bg); --ui-menu-item-active-border: var(--ui-action-primary-bg); --ui-menu-item-active-text: var(--ui-action-primary-bg); --ui-menu-item-hover-bg: var(--ui-overlay-hover-bg); --ui-menu-item-hover-text: var(--ui-text-primary); --ui-menu-separator: var(--ui-border-subtle); --ui-menu-shortcut-bg: var(--ui-surface-stripe-bg); --ui-menu-shortcut-text: var(--ui-text-secondary); --ui-menu-submenu-bg: var(--ui-surface-card-bg); --ui-menu-submenu-border: var(--ui-border-default); --ui-menu-submenu-text: var(--ui-text-primary); --ui-notification-badge-bg: #dc2828; --ui-notification-badge-text: #ffffff; --ui-origin-foreign-color: #d94e4e; --ui-origin-own-color: #3aa55c; --ui-origin-pattern-color: #e0a800; --ui-overlay-active-bg: rgba(255,255,255,.10); --ui-overlay-active-text: var(--ui-text-primary); --ui-overlay-backdrop-bg: rgba(0,0,0,0.7); --ui-overlay-backdrop-text: var(--ui-text-primary); --ui-overlay-hover-bg: rgba(255,255,255,.06); --ui-overlay-hover-text: var(--ui-text-primary); --ui-overlay-loading-bg: color-mix(in srgb, var(--ui-surface-app-bg) 62%, transparent); --ui-overlay-loading-text: var(--ui-text-primary); --ui-overlay-tint-side-bg: rgba(255,255,255,0.025); --ui-overlay-tint-side-text: var(--ui-text-primary); --ui-progress-fill-bg: #f0a020; --ui-progress-fill-text: #3a2c10; --ui-radius-large: 8px; --ui-radius-medium: 6px; --ui-radius-pill: 999px; --ui-radius-small: 4px; --ui-row-selected-bg: #2e4458; --ui-row-selected-border: #4d6e8a; --ui-row-selected-text: var(--ui-text-primary); --ui-scroll-button-active-bg: #5E9BC9; --ui-scroll-button-active-border: #7DB6E0; --ui-scroll-button-active-text: #ffffff; --ui-scroll-button-default-bg: #7DB6E0; --ui-scroll-button-default-border: #8FC1E8; --ui-scroll-button-default-text: #1A2632; --ui-scroll-button-disabled-bg: rgba(255,255,255,0.06); --ui-scroll-button-disabled-text: rgba(255,255,255,0.25); --ui-scroll-button-hover-bg: #8FC1E8; --ui-scroll-button-hover-border: #A8CFEC; --ui-scroll-button-hover-text: #1A2632; --ui-scroll-button-shadow: rgba(125, 182, 224, 0.30); --ui-scrollbar-arrow-color: var(--ui-text-tertiary); --ui-scrollbar-arrow-disabled-color: var(--ui-text-disabled); --ui-scrollbar-arrow-hover-color: var(--ui-text-primary); --ui-scrollbar-thumb-active-bg: color-mix(in srgb, var(--ui-text-primary) 46%, transparent); --ui-scrollbar-thumb-active-text: var(--ui-text-primary); --ui-scrollbar-thumb-bg: color-mix(in srgb, var(--ui-text-primary) 22%, transparent); --ui-scrollbar-thumb-hover-bg: color-mix(in srgb, var(--ui-text-primary) 34%, transparent); --ui-scrollbar-thumb-hover-text: var(--ui-text-primary); --ui-scrollbar-thumb-text: var(--ui-text-primary); --ui-scrollbar-track-bg: transparent; --ui-scrollbar-track-text: var(--ui-text-primary); --ui-shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.35); --ui-shadow-flyout: 0 12px 28px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.4); --ui-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.04); --ui-shadow-overlay: 0 24px 48px rgba(0,0,0,0.7), 0 4px 12px rgba(0,0,0,0.5); --ui-spacing-2xl: 24px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 32px; --ui-spacing-3xs: 2px; --ui-spacing-4xl: 40px; --ui-spacing-5xl: 48px; --ui-spacing-6xl: 60px; --ui-spacing-7xl: 80px; --ui-spacing-lg: 16px; --ui-spacing-md: 12px; --ui-spacing-sm: 8px; --ui-spacing-xl: 20px; --ui-spacing-xs: 6px; --ui-spinner-ring-bg: color-mix(in srgb, var(--ui-action-primary-bg) 30%, transparent); --ui-spinner-ring-text: var(--ui-action-primary-bg); --ui-status-amber-bg: #3a2d10; --ui-status-amber-border: #5a4419; --ui-status-amber-text: #ffd17a; --ui-status-cyan-bg: #102e3a; --ui-status-cyan-border: #1f4858; --ui-status-cyan-text: #7fcfe6; --ui-status-mint-bg: #16331f; --ui-status-mint-border: #2a5439; --ui-status-mint-text: #7adba0; --ui-status-pink-bg: #3a1a2a; --ui-status-pink-border: #5e2a44; --ui-status-pink-text: #ffa1c4; --ui-status-rose-bg: #3a191c; --ui-status-rose-border: #5e2a30; --ui-status-rose-text: #ff9aa1; --ui-status-violet-bg: #241a3a; --ui-status-violet-border: #3e2e5e; --ui-status-violet-text: #c1a8f0; --ui-statusbar-bg: var(--ui-surface-header-tint-bg); --ui-statusbar-text: var(--ui-text-secondary); --ui-surface-app-bg: #2a2d33; --ui-surface-app-text: var(--ui-text-primary); --ui-surface-base-bg: #2e3137; --ui-surface-base-text: var(--ui-text-primary); --ui-surface-card-bg: #36393f; --ui-surface-card-text: var(--ui-text-primary); --ui-surface-header-bg: #3a3d44; --ui-surface-header-sorted-bg: #465a6f; --ui-surface-header-sorted-text: var(--ui-text-primary); --ui-surface-header-text: var(--ui-text-primary); --ui-surface-header-tint-bg: #3a4856; --ui-surface-header-tint-text: var(--ui-text-primary); --ui-surface-input-alt-bg: #2a2a2a; --ui-surface-input-alt-text: var(--ui-text-primary); --ui-surface-input-bg: #3a3d44; --ui-surface-input-text: var(--ui-text-primary); --ui-surface-stripe-bg: #33363c; --ui-surface-stripe-text: var(--ui-text-primary); --ui-surface-tabbar-bg: #3a4856; --ui-surface-tabbar-text: var(--ui-text-primary); --ui-surface-tinted-bg: #323a44; --ui-surface-tinted-text: var(--ui-text-primary); --ui-surface-titlebar-bg: #3a4856; --ui-surface-titlebar-text: var(--ui-text-primary); --ui-surface-toolbar-bg: #232323; --ui-surface-toolbar-text: var(--ui-text-primary); --ui-tab-active-bg: var(--ui-action-primary-soft-bg); --ui-tab-active-border: var(--ui-action-primary-bg); --ui-tab-active-text: var(--ui-action-primary-bg); --ui-tab-default-bg: transparent; --ui-tab-default-border: var(--ui-border-default); --ui-tab-default-text: var(--ui-text-secondary); --ui-tab-hover-bg: var(--ui-overlay-hover-bg); --ui-tab-hover-border: var(--ui-border-strong); --ui-tab-hover-text: var(--ui-text-primary); --ui-text-disabled: #5a5a5a; --ui-text-leading-normal: 1.4; --ui-text-leading-relaxed: 1.6; --ui-text-leading-tight: 1.2; --ui-text-on-action: #001a2c; --ui-text-primary: #f3f3f3; --ui-text-secondary: #c8c8c8; --ui-text-size-display: 48px; --ui-text-size-heading-large: 15px; --ui-text-size-heading-medium: 13px; --ui-text-size-heading-small: 11.5px; --ui-text-size-heading-xlarge: 22px; --ui-text-size-label: 11.5px; --ui-text-size-micro: 8px; --ui-text-spacing-uppercase: 0.06em; --ui-text-tertiary: #8a8a8a; --ui-text-weight-bold: 700; --ui-text-weight-medium: 500; --ui-text-weight-regular: 400; --ui-text-weight-semibold: 600; --ui-thumb-default-from: #4a6c8e; --ui-thumb-default-to: #233a52; --ui-thumb-deleted-from: #c8c8c8; --ui-thumb-deleted-to: #6a6a6a; --ui-toolbar-chip-accent-border: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-default)); --ui-toolbar-chip-border-width: 2px; --ui-transition-base: 0.2s ease; --ui-transition-fast: 0.12s ease; --ui-unsaved-indicator-color: #f7951c; --ui-unsaved-indicator-halo-color: var(--ui-surface-card-bg); --ui-window-border-active: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-strong)); --ui-window-border-inactive: var(--ui-border-default); --ui-window-close-bg-hover: #c42b1c; --ui-window-close-text-hover: #ffffff; --ui-window-footer-bg: var(--ui-surface-header-tint-bg); --ui-window-footer-inactive-bg: color-mix(in srgb, var(--ui-surface-header-tint-bg) 55%, var(--ui-surface-app-bg)); --ui-window-footer-inactive-text: var(--ui-text-tertiary); --ui-window-footer-text: var(--ui-text-secondary); --ui-window-frame-inset-highlight-color: rgba(255,255,255,0.04); --ui-window-resize-grip-color: var(--ui-text-tertiary); --ui-window-titlebar-bg: var(--ui-action-primary-bg); --ui-window-titlebar-button-active-bg: var(--ui-overlay-active-bg); --ui-window-titlebar-button-active-text: var(--ui-text-primary); --ui-window-titlebar-button-hover-bg: var(--ui-overlay-hover-bg); --ui-window-titlebar-button-hover-text: var(--ui-text-primary); --ui-window-titlebar-inactive-bg: var(--ui-surface-header-tint-bg); --ui-window-titlebar-inactive-text: var(--ui-text-primary); --ui-window-titlebar-text: var(--ui-action-primary-text); } /* ━━━ Tmavá – plná ━━━ */ .scheme-tmava-plna { --ui-action-primary-bg: #4CC2FF; --ui-action-primary-bg-active: #62cbff; --ui-action-primary-bg-hover: #62cbff; --ui-action-primary-soft-bg: #1f3a52; --ui-action-primary-soft-text: var(--ui-action-primary-bg); --ui-action-primary-text: #001a2c; --ui-action-primary-text-active: var(--ui-action-primary-text); --ui-action-primary-text-hover: var(--ui-action-primary-text); --ui-action-secondary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 60%, var(--ui-surface-card-bg)); --ui-action-secondary-text: var(--ui-action-primary-text); --ui-action-tertiary-bg: color-mix(in srgb, var(--ui-action-primary-bg) 28%, var(--ui-surface-card-bg)); --ui-action-tertiary-text: var(--ui-text-primary); --ui-avatar-default-bg: #3a6ea5; --ui-avatar-default-text: #ffffff; --ui-border-default: rgba(255,255,255,.10); --ui-border-focus: #4CC2FF; --ui-border-strong: rgba(255,255,255,.20); --ui-border-subtle: rgba(255,255,255,.06); --ui-button-danger-active-bg: var(--ui-status-rose-bg); --ui-button-danger-active-border: var(--ui-status-rose-border); --ui-button-danger-active-text: var(--ui-status-rose-text); --ui-button-danger-default-bg: var(--ui-feedback-danger-bg); --ui-button-danger-default-border: var(--ui-feedback-danger-border); --ui-button-danger-default-text: var(--ui-feedback-danger-text); --ui-button-danger-hover-bg: var(--ui-status-rose-bg); --ui-button-danger-hover-border: var(--ui-status-rose-border); --ui-button-danger-hover-text: var(--ui-status-rose-text); --ui-button-disabled-bg: var(--ui-surface-stripe-bg); --ui-button-disabled-border: var(--ui-border-subtle); --ui-button-disabled-text: var(--ui-text-disabled); --ui-button-focus-ring: 0 0 0 3px var(--ui-action-primary-soft-bg); --ui-button-ghost-active-bg: var(--ui-overlay-active-bg); --ui-button-ghost-active-border: transparent; --ui-button-ghost-active-text: var(--ui-text-primary); --ui-button-ghost-default-bg: transparent; --ui-button-ghost-default-border: transparent; --ui-button-ghost-default-text: var(--ui-text-secondary); --ui-button-ghost-hover-bg: var(--ui-overlay-hover-bg); --ui-button-ghost-hover-border: transparent; --ui-button-ghost-hover-text: var(--ui-text-primary); --ui-button-info-active-bg: #93b8e0; --ui-button-info-active-border: #7fa8d8; --ui-button-info-active-text: #143b6b; --ui-button-info-default-bg: #a9c8ee; --ui-button-info-default-border: #7fa8d8; --ui-button-info-default-edge: #5a87b8; --ui-button-info-default-text: #143b6b; --ui-button-info-hover-bg: #b8d3f0; --ui-button-info-hover-border: #7fa8d8; --ui-button-info-hover-text: #143b6b; --ui-button-primary-active-bg: var(--ui-action-primary-bg-active); --ui-button-primary-active-border: var(--ui-action-primary-bg-active); --ui-button-primary-active-text: var(--ui-action-primary-text); --ui-button-primary-default-bg: var(--ui-action-primary-bg); --ui-button-primary-default-border: var(--ui-action-primary-bg); --ui-button-primary-default-text: var(--ui-action-primary-text); --ui-button-primary-hover-bg: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-border: var(--ui-action-primary-bg-hover); --ui-button-primary-hover-text: var(--ui-action-primary-text); --ui-button-secondary-active-bg: var(--ui-overlay-active-bg); --ui-button-secondary-active-border: var(--ui-action-primary-bg); --ui-button-secondary-active-text: var(--ui-action-primary-bg); --ui-button-secondary-default-bg: var(--ui-surface-card-bg); --ui-button-secondary-default-border: color-mix(in srgb, var(--ui-action-primary-bg) 50%, var(--ui-action-primary-soft-bg)); --ui-button-secondary-default-border-width: 2px; --ui-button-secondary-default-text: var(--ui-action-primary-bg); --ui-button-secondary-hover-bg: var(--ui-action-primary-soft-bg); --ui-button-secondary-hover-border: var(--ui-action-primary-bg); --ui-button-secondary-hover-text: var(--ui-action-primary-bg); --ui-button-success-active-bg: var(--ui-status-mint-bg); --ui-button-success-active-border: var(--ui-status-mint-border); --ui-button-success-active-text: var(--ui-status-mint-text); --ui-button-success-default-bg: var(--ui-feedback-success-bg); --ui-button-success-default-border: var(--ui-feedback-success-border); --ui-button-success-default-text: var(--ui-feedback-success-text); --ui-button-success-hover-bg: var(--ui-status-mint-bg); --ui-button-success-hover-border: var(--ui-status-mint-border); --ui-button-success-hover-text: var(--ui-status-mint-text); --ui-button-warning-active-bg: var(--ui-status-amber-bg); --ui-button-warning-active-border: var(--ui-status-amber-border); --ui-button-warning-active-text: var(--ui-status-amber-text); --ui-button-warning-default-bg: var(--ui-feedback-warning-bg); --ui-button-warning-default-border: var(--ui-feedback-warning-border); --ui-button-warning-default-text: var(--ui-feedback-warning-text); --ui-button-warning-hover-bg: var(--ui-status-amber-bg); --ui-button-warning-hover-border: var(--ui-status-amber-border); --ui-button-warning-hover-text: var(--ui-status-amber-text); --ui-counter-badge-active-bg: var(--ui-action-primary-bg); --ui-counter-badge-active-text: var(--ui-action-primary-text); --ui-counter-badge-default-bg: var(--ui-overlay-active-bg); --ui-counter-badge-default-text: var(--ui-text-tertiary); --ui-density-compact-field-height: 24px; --ui-density-compact-gap: 4px; --ui-density-compact-header-py: 6px; --ui-density-compact-row-py: 3px; --ui-density-compact-text-body: 11.5px; --ui-density-compact-text-grid: 11px; --ui-density-cozy-field-height: 28px; --ui-density-cozy-gap: 6px; --ui-density-cozy-header-py: 8px; --ui-density-cozy-row-py: 5px; --ui-density-cozy-text-body: 13px; --ui-density-cozy-text-grid: 12px; --ui-density-roomy-field-height: 34px; --ui-density-roomy-gap: 10px; --ui-density-roomy-header-py: 11px; --ui-density-roomy-row-py: 9px; --ui-density-roomy-text-body: 14px; --ui-density-roomy-text-grid: 13px; --ui-diff-add-bg: #16331f; --ui-diff-add-text: #7adba0; --ui-diff-del-bg: #3a191c; --ui-diff-del-text: #ff9aa1; --ui-drag-dur-drop: 160ms; --ui-drag-dur-lift: 120ms; --ui-drag-dur-reflow: 180ms; --ui-drag-ease: cubic-bezier(0.2, 0.85, 0.25, 1); --ui-drag-fly-opacity: 0.97; --ui-drag-fly-radius: 10px; --ui-drag-fly-scale: 1.02; --ui-drag-fly-shadow: var(--ui-shadow-flyout); --ui-drag-fly-tilt: 0deg; --ui-drag-gap-border: var(--ui-action-primary-bg); --ui-drag-gap-fill: color-mix(in srgb, var(--ui-action-primary-bg) 12%, transparent); --ui-drag-gap-radius: 8px; --ui-drag-insert-color: var(--ui-action-primary-bg); --ui-drag-lift-scale: 1.05; --ui-drag-lift-shadow: 0 16px 34px rgba(0, 0, 0, 0.30), 0 5px 12px rgba(0, 0, 0, 0.20); --ui-drag-source-filter: saturate(0.9); --ui-drag-source-opacity: 0.40; --ui-drop-no-color: var(--ui-status-rose-text); --ui-drop-no-tint: color-mix(in srgb, var(--ui-status-rose-text) 12%, transparent); --ui-drop-ok-color: var(--ui-action-primary-bg); --ui-drop-ok-ring: color-mix(in srgb, var(--ui-action-primary-bg) 22%, transparent); --ui-drop-ok-tint: color-mix(in srgb, var(--ui-action-primary-bg) 9%, transparent); --ui-edit-badge-bg: #4a3a14; --ui-edit-badge-indicator: #d89a00; --ui-edit-badge-text: #f5c87a; --ui-feedback-danger-bg: rgba(216,59,59,0.14); --ui-feedback-danger-border: rgba(216,59,59,0.4); --ui-feedback-danger-text: #ff6b6b; --ui-feedback-danger-toast-bg: #c0392b; --ui-feedback-danger-toast-border: #ff4d4f; --ui-feedback-danger-toast-text: #ffffff; --ui-feedback-info-bg: #163138; --ui-feedback-info-border: #285059; --ui-feedback-info-text: #88d8e6; --ui-feedback-info-toast-bg: #d1ecf1; --ui-feedback-info-toast-border: #4a90e2; --ui-feedback-info-toast-text: #0c5460; --ui-feedback-success-bg: rgba(45,164,78,0.14); --ui-feedback-success-border: rgba(45,164,78,0.4); --ui-feedback-success-text: #7adba0; --ui-feedback-success-toast-bg: #d4edda; --ui-feedback-success-toast-border: #52c41a; --ui-feedback-success-toast-text: #155724; --ui-feedback-warning-bg: rgba(247,149,28,0.14); --ui-feedback-warning-border: rgba(247,149,28,0.4); --ui-feedback-warning-text: #f7b556; --ui-feedback-warning-toast-bg: #fff3cd; --ui-feedback-warning-toast-border: #fadb14; --ui-feedback-warning-toast-text: #856404; --ui-field-emphasis-bg: #3d3624; --ui-field-emphasis-border: #8a6a2e; --ui-field-emphasis-border-edit: #d8a600; --ui-field-emphasis-text: var(--ui-text-primary); --ui-flag-blue-bg: color-mix(in srgb, #3b82f6 14%, transparent); --ui-flag-blue-border: color-mix(in srgb, #3b82f6 45%, transparent); --ui-flag-blue-text: #3b82f6; --ui-flag-gray-bg: color-mix(in srgb, #8a8a8a 14%, transparent); --ui-flag-gray-border: color-mix(in srgb, #8a8a8a 45%, transparent); --ui-flag-gray-text: #8a8a8a; --ui-flag-green-bg: color-mix(in srgb, #2da44e 14%, transparent); --ui-flag-green-border: color-mix(in srgb, #2da44e 45%, transparent); --ui-flag-green-text: #2da44e; --ui-flag-orange-bg: color-mix(in srgb, #e07d2d 14%, transparent); --ui-flag-orange-border: color-mix(in srgb, #e07d2d 45%, transparent); --ui-flag-orange-text: #e07d2d; --ui-flag-pink-bg: color-mix(in srgb, #db2777 14%, transparent); --ui-flag-pink-border: color-mix(in srgb, #db2777 45%, transparent); --ui-flag-pink-text: #db2777; --ui-flag-purple-bg: color-mix(in srgb, #7c3aed 14%, transparent); --ui-flag-purple-border: color-mix(in srgb, #7c3aed 45%, transparent); --ui-flag-purple-text: #7c3aed; --ui-flag-red-bg: color-mix(in srgb, #e03e2d 14%, transparent); --ui-flag-red-border: color-mix(in srgb, #e03e2d 45%, transparent); --ui-flag-red-text: #e03e2d; --ui-flag-yellow-bg: color-mix(in srgb, #d4a017 14%, transparent); --ui-flag-yellow-border: color-mix(in srgb, #d4a017 45%, transparent); --ui-flag-yellow-text: #d4a017; --ui-font-base: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif; --ui-font-display: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif; --ui-font-mono: "Cascadia Mono", "Cascadia Code", "Consolas", ui-monospace, monospace; --ui-mdi-canvas-bg: var(--ui-surface-app-bg); --ui-mdi-canvas-text: var(--ui-text-primary); --ui-mdi-min-panel-bg: var(--ui-surface-card-bg); --ui-mdi-min-panel-border: var(--ui-border-default); --ui-mdi-min-panel-hover-bg: var(--ui-overlay-hover-bg); --ui-mdi-min-panel-hover-text: var(--ui-text-primary); --ui-mdi-min-panel-text: var(--ui-text-secondary); --ui-menu-bar-bg: var(--ui-surface-header-tint-bg); --ui-menu-bar-text: var(--ui-text-primary); --ui-menu-disabled-text: var(--ui-text-disabled); --ui-menu-icon-chip-bg: var(--ui-action-primary-soft-bg); --ui-menu-icon-chip-text: var(--ui-action-primary-bg); --ui-menu-item-active-bg: var(--ui-action-primary-soft-bg); --ui-menu-item-active-border: var(--ui-action-primary-bg); --ui-menu-item-active-text: var(--ui-action-primary-bg); --ui-menu-item-hover-bg: var(--ui-overlay-hover-bg); --ui-menu-item-hover-text: var(--ui-text-primary); --ui-menu-separator: var(--ui-border-subtle); --ui-menu-shortcut-bg: var(--ui-surface-stripe-bg); --ui-menu-shortcut-text: var(--ui-text-secondary); --ui-menu-submenu-bg: var(--ui-surface-card-bg); --ui-menu-submenu-border: var(--ui-border-default); --ui-menu-submenu-text: var(--ui-text-primary); --ui-notification-badge-bg: #dc2828; --ui-notification-badge-text: #ffffff; --ui-origin-foreign-color: #d94e4e; --ui-origin-own-color: #3aa55c; --ui-origin-pattern-color: #e0a800; --ui-overlay-active-bg: rgba(255,255,255,.10); --ui-overlay-active-text: var(--ui-text-primary); --ui-overlay-backdrop-bg: rgba(0,0,0,0.7); --ui-overlay-backdrop-text: var(--ui-text-primary); --ui-overlay-hover-bg: rgba(255,255,255,.06); --ui-overlay-hover-text: var(--ui-text-primary); --ui-overlay-loading-bg: color-mix(in srgb, var(--ui-surface-app-bg) 62%, transparent); --ui-overlay-loading-text: var(--ui-text-primary); --ui-overlay-tint-side-bg: rgba(255,255,255,0.025); --ui-overlay-tint-side-text: var(--ui-text-primary); --ui-progress-fill-bg: #f0a020; --ui-progress-fill-text: #3a2c10; --ui-radius-large: 8px; --ui-radius-medium: 6px; --ui-radius-pill: 999px; --ui-radius-small: 4px; --ui-row-selected-bg: #1f3a52; --ui-row-selected-border: #2e5b81; --ui-row-selected-text: var(--ui-text-primary); --ui-scroll-button-active-bg: #3AA9E8; --ui-scroll-button-active-border: #4CC2FF; --ui-scroll-button-active-text: #ffffff; --ui-scroll-button-default-bg: #4CC2FF; --ui-scroll-button-default-border: #62CBFF; --ui-scroll-button-default-text: #001A2C; --ui-scroll-button-disabled-bg: rgba(255,255,255,0.05); --ui-scroll-button-disabled-text: rgba(255,255,255,0.20); --ui-scroll-button-hover-bg: #62CBFF; --ui-scroll-button-hover-border: #7DD3FF; --ui-scroll-button-hover-text: #001A2C; --ui-scroll-button-shadow: rgba(76, 194, 255, 0.32); --ui-scrollbar-arrow-color: var(--ui-text-tertiary); --ui-scrollbar-arrow-disabled-color: var(--ui-text-disabled); --ui-scrollbar-arrow-hover-color: var(--ui-text-primary); --ui-scrollbar-thumb-active-bg: color-mix(in srgb, var(--ui-text-primary) 46%, transparent); --ui-scrollbar-thumb-active-text: var(--ui-text-primary); --ui-scrollbar-thumb-bg: color-mix(in srgb, var(--ui-text-primary) 22%, transparent); --ui-scrollbar-thumb-hover-bg: color-mix(in srgb, var(--ui-text-primary) 34%, transparent); --ui-scrollbar-thumb-hover-text: var(--ui-text-primary); --ui-scrollbar-thumb-text: var(--ui-text-primary); --ui-scrollbar-track-bg: transparent; --ui-scrollbar-track-text: var(--ui-text-primary); --ui-shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.35); --ui-shadow-flyout: 0 12px 28px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.4); --ui-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.04); --ui-shadow-overlay: 0 24px 48px rgba(0,0,0,0.7), 0 4px 12px rgba(0,0,0,0.5); --ui-spacing-2xl: 24px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 32px; --ui-spacing-3xs: 2px; --ui-spacing-4xl: 40px; --ui-spacing-5xl: 48px; --ui-spacing-6xl: 60px; --ui-spacing-7xl: 80px; --ui-spacing-lg: 16px; --ui-spacing-md: 12px; --ui-spacing-sm: 8px; --ui-spacing-xl: 20px; --ui-spacing-xs: 6px; --ui-spinner-ring-bg: color-mix(in srgb, var(--ui-action-primary-bg) 30%, transparent); --ui-spinner-ring-text: var(--ui-action-primary-bg); --ui-status-amber-bg: #3a2d10; --ui-status-amber-border: #5a4419; --ui-status-amber-text: #ffd17a; --ui-status-cyan-bg: #102e3a; --ui-status-cyan-border: #1f4858; --ui-status-cyan-text: #7fcfe6; --ui-status-mint-bg: #16331f; --ui-status-mint-border: #2a5439; --ui-status-mint-text: #7adba0; --ui-status-pink-bg: #3a1a2a; --ui-status-pink-border: #5e2a44; --ui-status-pink-text: #ffa1c4; --ui-status-rose-bg: #3a191c; --ui-status-rose-border: #5e2a30; --ui-status-rose-text: #ff9aa1; --ui-status-violet-bg: #241a3a; --ui-status-violet-border: #3e2e5e; --ui-status-violet-text: #c1a8f0; --ui-statusbar-bg: var(--ui-surface-header-tint-bg); --ui-statusbar-text: var(--ui-text-secondary); --ui-surface-app-bg: #1f1f1f; --ui-surface-app-text: var(--ui-text-primary); --ui-surface-base-bg: #202020; --ui-surface-base-text: var(--ui-text-primary); --ui-surface-card-bg: #2b2b2b; --ui-surface-card-text: var(--ui-text-primary); --ui-surface-header-bg: #2a2a2a; --ui-surface-header-sorted-bg: #2f4156; --ui-surface-header-sorted-text: var(--ui-text-primary); --ui-surface-header-text: var(--ui-text-primary); --ui-surface-header-tint-bg: #2c343d; --ui-surface-header-tint-text: var(--ui-text-primary); --ui-surface-input-alt-bg: #2a2a2a; --ui-surface-input-alt-text: var(--ui-text-primary); --ui-surface-input-bg: #2d2d2d; --ui-surface-input-text: var(--ui-text-primary); --ui-surface-stripe-bg: #262626; --ui-surface-stripe-text: var(--ui-text-primary); --ui-surface-tabbar-bg: #2c343d; --ui-surface-tabbar-text: var(--ui-text-primary); --ui-surface-tinted-bg: #252b34; --ui-surface-tinted-text: var(--ui-text-primary); --ui-surface-titlebar-bg: #2c343d; --ui-surface-titlebar-text: var(--ui-text-primary); --ui-surface-toolbar-bg: #232323; --ui-surface-toolbar-text: var(--ui-text-primary); --ui-tab-active-bg: var(--ui-action-primary-soft-bg); --ui-tab-active-border: var(--ui-action-primary-bg); --ui-tab-active-text: var(--ui-action-primary-bg); --ui-tab-default-bg: transparent; --ui-tab-default-border: var(--ui-border-default); --ui-tab-default-text: var(--ui-text-secondary); --ui-tab-hover-bg: var(--ui-overlay-hover-bg); --ui-tab-hover-border: var(--ui-border-strong); --ui-tab-hover-text: var(--ui-text-primary); --ui-text-disabled: #5a5a5a; --ui-text-leading-normal: 1.4; --ui-text-leading-relaxed: 1.6; --ui-text-leading-tight: 1.2; --ui-text-on-action: #001a2c; --ui-text-primary: #f3f3f3; --ui-text-secondary: #c8c8c8; --ui-text-size-display: 48px; --ui-text-size-heading-large: 15px; --ui-text-size-heading-medium: 13px; --ui-text-size-heading-small: 11.5px; --ui-text-size-heading-xlarge: 22px; --ui-text-size-label: 11.5px; --ui-text-size-micro: 8px; --ui-text-spacing-uppercase: 0.06em; --ui-text-tertiary: #8a8a8a; --ui-text-weight-bold: 700; --ui-text-weight-medium: 500; --ui-text-weight-regular: 400; --ui-text-weight-semibold: 600; --ui-thumb-default-from: #4a6c8e; --ui-thumb-default-to: #233a52; --ui-thumb-deleted-from: #c8c8c8; --ui-thumb-deleted-to: #6a6a6a; --ui-toolbar-chip-accent-border: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-default)); --ui-toolbar-chip-border-width: 2px; --ui-transition-base: 0.2s ease; --ui-transition-fast: 0.12s ease; --ui-unsaved-indicator-color: #f7951c; --ui-unsaved-indicator-halo-color: var(--ui-surface-card-bg); --ui-window-border-active: color-mix(in srgb, var(--ui-action-primary-bg) 55%, var(--ui-border-strong)); --ui-window-border-inactive: var(--ui-border-default); --ui-window-close-bg-hover: #c42b1c; --ui-window-close-text-hover: #ffffff; --ui-window-footer-bg: var(--ui-surface-header-tint-bg); --ui-window-footer-inactive-bg: color-mix(in srgb, var(--ui-surface-header-tint-bg) 55%, var(--ui-surface-app-bg)); --ui-window-footer-inactive-text: var(--ui-text-tertiary); --ui-window-footer-text: var(--ui-text-secondary); --ui-window-frame-inset-highlight-color: rgba(255,255,255,0.04); --ui-window-resize-grip-color: var(--ui-text-tertiary); --ui-window-titlebar-bg: var(--ui-action-primary-bg); --ui-window-titlebar-button-active-bg: var(--ui-overlay-active-bg); --ui-window-titlebar-button-active-text: var(--ui-text-primary); --ui-window-titlebar-button-hover-bg: var(--ui-overlay-hover-bg); --ui-window-titlebar-button-hover-text: var(--ui-text-primary); --ui-window-titlebar-inactive-bg: var(--ui-surface-header-tint-bg); --ui-window-titlebar-inactive-text: var(--ui-text-primary); --ui-window-titlebar-text: var(--ui-action-primary-text); } /* ━━━ DENSITY PROXY ━━━ */ /* Komponenty používají krátké názvy (--row-py, --field-h, ...) */ /* Density třída na vybere konkrétní hodnotu z aktuálního schématu */ .scheme-modra.density-compact { --row-py: var(--ui-density-compact-row-py); --field-h: var(--ui-density-compact-field-height); --th-py: var(--ui-density-compact-header-py); --gap: var(--ui-density-compact-gap); --text-body: var(--ui-density-compact-text-body); --text-grid: var(--ui-density-compact-text-grid); } .scheme-modra.density-cozy { --row-py: var(--ui-density-cozy-row-py); --field-h: var(--ui-density-cozy-field-height); --th-py: var(--ui-density-cozy-header-py); --gap: var(--ui-density-cozy-gap); --text-body: var(--ui-density-cozy-text-body); --text-grid: var(--ui-density-cozy-text-grid); } .scheme-modra.density-roomy { --row-py: var(--ui-density-roomy-row-py); --field-h: var(--ui-density-roomy-field-height); --th-py: var(--ui-density-roomy-header-py); --gap: var(--ui-density-roomy-gap); --text-body: var(--ui-density-roomy-text-body); --text-grid: var(--ui-density-roomy-text-grid); } .scheme-redmine.density-compact { --row-py: var(--ui-density-compact-row-py); --field-h: var(--ui-density-compact-field-height); --th-py: var(--ui-density-compact-header-py); --gap: var(--ui-density-compact-gap); --text-body: var(--ui-density-compact-text-body); --text-grid: var(--ui-density-compact-text-grid); } .scheme-redmine.density-cozy { --row-py: var(--ui-density-cozy-row-py); --field-h: var(--ui-density-cozy-field-height); --th-py: var(--ui-density-cozy-header-py); --gap: var(--ui-density-cozy-gap); --text-body: var(--ui-density-cozy-text-body); --text-grid: var(--ui-density-cozy-text-grid); } .scheme-redmine.density-roomy { --row-py: var(--ui-density-roomy-row-py); --field-h: var(--ui-density-roomy-field-height); --th-py: var(--ui-density-roomy-header-py); --gap: var(--ui-density-roomy-gap); --text-body: var(--ui-density-roomy-text-body); --text-grid: var(--ui-density-roomy-text-grid); } .scheme-fialova.density-compact { --row-py: var(--ui-density-compact-row-py); --field-h: var(--ui-density-compact-field-height); --th-py: var(--ui-density-compact-header-py); --gap: var(--ui-density-compact-gap); --text-body: var(--ui-density-compact-text-body); --text-grid: var(--ui-density-compact-text-grid); } .scheme-fialova.density-cozy { --row-py: var(--ui-density-cozy-row-py); --field-h: var(--ui-density-cozy-field-height); --th-py: var(--ui-density-cozy-header-py); --gap: var(--ui-density-cozy-gap); --text-body: var(--ui-density-cozy-text-body); --text-grid: var(--ui-density-cozy-text-grid); } .scheme-fialova.density-roomy { --row-py: var(--ui-density-roomy-row-py); --field-h: var(--ui-density-roomy-field-height); --th-py: var(--ui-density-roomy-header-py); --gap: var(--ui-density-roomy-gap); --text-body: var(--ui-density-roomy-text-body); --text-grid: var(--ui-density-roomy-text-grid); } .scheme-zelena.density-compact { --row-py: var(--ui-density-compact-row-py); --field-h: var(--ui-density-compact-field-height); --th-py: var(--ui-density-compact-header-py); --gap: var(--ui-density-compact-gap); --text-body: var(--ui-density-compact-text-body); --text-grid: var(--ui-density-compact-text-grid); } .scheme-zelena.density-cozy { --row-py: var(--ui-density-cozy-row-py); --field-h: var(--ui-density-cozy-field-height); --th-py: var(--ui-density-cozy-header-py); --gap: var(--ui-density-cozy-gap); --text-body: var(--ui-density-cozy-text-body); --text-grid: var(--ui-density-cozy-text-grid); } .scheme-zelena.density-roomy { --row-py: var(--ui-density-roomy-row-py); --field-h: var(--ui-density-roomy-field-height); --th-py: var(--ui-density-roomy-header-py); --gap: var(--ui-density-roomy-gap); --text-body: var(--ui-density-roomy-text-body); --text-grid: var(--ui-density-roomy-text-grid); } .scheme-tmava-slate.density-compact { --row-py: var(--ui-density-compact-row-py); --field-h: var(--ui-density-compact-field-height); --th-py: var(--ui-density-compact-header-py); --gap: var(--ui-density-compact-gap); --text-body: var(--ui-density-compact-text-body); --text-grid: var(--ui-density-compact-text-grid); } .scheme-tmava-slate.density-cozy { --row-py: var(--ui-density-cozy-row-py); --field-h: var(--ui-density-cozy-field-height); --th-py: var(--ui-density-cozy-header-py); --gap: var(--ui-density-cozy-gap); --text-body: var(--ui-density-cozy-text-body); --text-grid: var(--ui-density-cozy-text-grid); } .scheme-tmava-slate.density-roomy { --row-py: var(--ui-density-roomy-row-py); --field-h: var(--ui-density-roomy-field-height); --th-py: var(--ui-density-roomy-header-py); --gap: var(--ui-density-roomy-gap); --text-body: var(--ui-density-roomy-text-body); --text-grid: var(--ui-density-roomy-text-grid); } .scheme-tmava-plna.density-compact { --row-py: var(--ui-density-compact-row-py); --field-h: var(--ui-density-compact-field-height); --th-py: var(--ui-density-compact-header-py); --gap: var(--ui-density-compact-gap); --text-body: var(--ui-density-compact-text-body); --text-grid: var(--ui-density-compact-text-grid); } .scheme-tmava-plna.density-cozy { --row-py: var(--ui-density-cozy-row-py); --field-h: var(--ui-density-cozy-field-height); --th-py: var(--ui-density-cozy-header-py); --gap: var(--ui-density-cozy-gap); --text-body: var(--ui-density-cozy-text-body); --text-grid: var(--ui-density-cozy-text-grid); } .scheme-tmava-plna.density-roomy { --row-py: var(--ui-density-roomy-row-py); --field-h: var(--ui-density-roomy-field-height); --th-py: var(--ui-density-roomy-header-py); --gap: var(--ui-density-roomy-gap); --text-body: var(--ui-density-roomy-text-body); --text-grid: var(--ui-density-roomy-text-grid); } /* ━━━ Z-INDEX LAYERS (pravidlo #30) ━━━ */ /* Synchronně s ModalStackManager.Z_LAYERS — validátor A17 kontroluje drift. */ :root { --ui-z-base-doc: 0; --ui-z-sticky-table-head: 10; --ui-z-sticky-floating: 100; --ui-z-app-chrome: 200; --ui-z-popup-non-modal: 300; --ui-z-modal-base: 10000; --ui-z-emergency: 20000; }