/*
 * Copyright (c) 2026 Evo~ERP, Inc. All rights reserved.
 */

.tas-theme-tasmodern,
.tas-program--theme-tasmodern {
    --tas-accent: #2563eb;
    --tas-accent-soft: #dbeafe;
    --tas-border-dark: #9aa7b8;
    --tas-border-darker: #637085;
    --tas-border-light: #ffffff;
    --tas-face: #f6f8fb;
    --tas-face-dark: #e5eaf1;
    --tas-face-shadow: #cfd7e3;
    --tas-field: #ffffff;
    --tas-field-focus: #eef6ff;
    --tas-field-white: #ffffff;
    --tas-selection: #2563eb;
    --tas-text: #172033;
    --tas-text-muted: #4b5568;
    --tas-theme-001-background: var(--tas-face);
    --tas-theme-002-color: var(--tas-text);
    --tas-theme-003-border: 0;
    --tas-theme-004-border-radius: 0;
    --tas-theme-005-background: var(--tas-face);
    --tas-theme-006-color: var(--tas-text);
    --tas-theme-007-border: 0;
    --tas-theme-008-border-radius: 0;
    --tas-theme-009-background: var(--tas-face);
    --tas-theme-010-color: var(--tas-text);
    --tas-theme-011-box-shadow: none;
    --tas-theme-012-border-radius: 0;
    --tas-theme-013-background: var(--tas-face);
    --tas-theme-014-border: 1px solid #d4dce8;
    --tas-theme-015-border-top-color: #eef2f7;
    --tas-theme-016-border-left-color: #eef2f7;
    --tas-theme-017-border: 0;
    --tas-theme-018-border: 1px solid #c5cfdc;
    --tas-theme-019-border: 1px solid #d7dee8;
    --tas-theme-020-border-right-color: #b9c5d4;
    --tas-theme-021-border-bottom-color: #b9c5d4;
    --tas-theme-022-background: transparent;
    --tas-theme-023-border: 0;
    --tas-theme-024-border-top: 1px solid #f8fafc;
    --tas-theme-025-border-bottom: 1px solid #ccd5e1;
    --tas-theme-026-background: #eef2f7;
    --tas-theme-027-color: var(--tas-text);
    --tas-theme-028-font-weight: 500;
    --tas-theme-029-border-top: 1px solid #c5cfdc;
    --tas-theme-030-background: var(--tas-face);
    --tas-theme-031-border: 1px solid #c5cfdc;
    --tas-theme-032-border-top-color: #eef2f7;
    --tas-theme-033-border-left-color: #eef2f7;
    --tas-theme-034-background: var(--tas-face);
    --tas-theme-035-border: 1px solid #c5cfdc;
    --tas-theme-036-border-bottom-color: var(--tas-face);
    --tas-theme-037-background: linear-gradient(180deg, #ffffff 0%, #eef2f7 100%);
    --tas-theme-038-color: var(--tas-text);
    --tas-theme-039-font-weight: 400;
    --tas-theme-040-vaadin-focus-ring-width: 1px;
    --tas-theme-041-border: 1px solid #b7c2d0;
    --tas-theme-042-border-right-color: #d9e0ea;
    --tas-theme-043-border-bottom-color: #d9e0ea;
    --tas-theme-044-border-radius: 3px;
    --tas-theme-045-background: var(--tas-field);
    --tas-theme-046-box-shadow: inset 0 1px 2px rgb(15 23 42 / 8%);
    --tas-theme-047-background: var(--tas-field-white);
    --tas-theme-048-border-color: #60a5fa;
    --tas-theme-049-background: var(--tas-field-focus);
    --tas-theme-050-box-shadow: inset 0 1px 2px rgb(15 23 42 / 8%), 0 0 0 1px rgb(37 99 235 / 18%);
    --tas-theme-051-border-left: 1px solid #cbd5e1;
    --tas-theme-052-border-radius: 0 3px 3px 0;
    --tas-theme-053-background: #eef2f7;
    --tas-theme-054-color: var(--tas-text);
    --tas-theme-055-background: transparent;
    --tas-theme-056-border-right-width: 0;
    --tas-theme-057-border-radius: 3px 0 0 3px;
    --tas-theme-058-background: var(--tas-field-focus);
    --tas-theme-059-border: 1px solid #9aa7b8;
    --tas-theme-060-border-left-color: #c5cfdc;
    --tas-theme-061-border-top-color: #d9e0ea;
    --tas-theme-062-border-radius: 0 3px 3px 0;
    --tas-theme-063-background: linear-gradient(180deg, #ffffff 0%, #e7edf5 100%);
    --tas-theme-064-color: var(--tas-text);
    --tas-theme-065-box-shadow: inset 0 1px 0 rgb(255 255 255 / 70%);
    --tas-theme-066-vaadin-button-background: linear-gradient(180deg, #ffffff 0%, #e7edf5 100%);
    --tas-theme-067-vaadin-button-border-radius: 0 3px 3px 0;
    --tas-theme-068-border-color: #637085 #d9e0ea #d9e0ea #637085;
    --tas-theme-069-background: #dce4ee;
    --tas-theme-070-box-shadow: inset 0 1px 2px rgb(15 23 42 / 16%);
    --tas-theme-071-color: #334155;
    --tas-theme-072-border: 1px solid #8fa0b4;
    --tas-theme-073-border-right-color: #cbd5e1;
    --tas-theme-074-border-bottom-color: #cbd5e1;
    --tas-theme-075-border-radius: 3px;
    --tas-theme-076-background: var(--tas-field-white);
    --tas-theme-077-box-shadow: inset 0 1px 2px rgb(15 23 42 / 10%);
    --tas-theme-078-color: var(--tas-text);
    --tas-theme-079-border: 1px solid #8fa0b4;
    --tas-theme-080-border-left-color: #d9e0ea;
    --tas-theme-081-border-top-color: #e8edf4;
    --tas-theme-082-border-radius: 3px;
    --tas-theme-083-background: linear-gradient(180deg, #ffffff 0%, #e7edf5 100%);
    --tas-theme-084-color: var(--tas-text);
    --tas-theme-085-box-shadow: inset 0 1px 0 rgb(255 255 255 / 75%), 0 1px 1px rgb(15 23 42 / 10%);
    --tas-theme-086-background: linear-gradient(180deg, #ffffff 0%, #dfe9f6 100%);
    --tas-theme-087-border-color: #7293bd;
    --tas-theme-088-border-color: #637085 #d9e0ea #d9e0ea #637085;
    --tas-theme-089-background: #dce4ee;
    --tas-theme-090-box-shadow: inset 0 1px 2px rgb(15 23 42 / 16%);
    --tas-theme-091-color: var(--tas-text);
    --tas-theme-092-border: 1px solid #9aa7b8;
    --tas-theme-093-border-radius: 3px;
    --tas-theme-094-background: linear-gradient(135deg, transparent 0 42%, #334155 43% 49%, transparent 50%), linear-gradient(#ffffff 0 0) 3px 3px / 8px 6px no-repeat, linear-gradient(var(--tas-accent) 0 0) 5px 5px / 6px 2px no-repeat, #eef2f7;
    --tas-theme-095-border-color: #fca5a5;
    --tas-theme-096-background: linear-gradient(45deg, transparent 0 39%, #ffffff 40% 47%, transparent 48%), linear-gradient(135deg, transparent 0 39%, #ffffff 40% 47%, transparent 48%), #dc2626;
    --tas-theme-097-background: linear-gradient(#64748b 0 0) 3px 2px / 8px 4px no-repeat, linear-gradient(#ffffff 0 0) 2px 7px / 10px 5px no-repeat, linear-gradient(#cbd5e1 0 0) 1px 5px / 12px 5px no-repeat, #eef2f7;
    --tas-theme-098-border: 1px solid #94a3b8;
    --tas-theme-099-border-radius: 3px;
    --tas-theme-100-background: var(--tas-field-white);
    --tas-theme-101-color: var(--tas-text);
    --tas-theme-102-vaadin-focus-ring-width: 0;
    --tas-theme-103-border-collapse: collapse;
    --tas-theme-104-border-right: 1px solid #cbd5e1;
    --tas-theme-105-border-bottom: 1px solid #b7c2d0;
    --tas-theme-106-background: #eef2f7;
    --tas-theme-107-color: var(--tas-text);
    --tas-theme-108-font-weight: 600;
    --tas-theme-109-border-right: 1px solid #e2e8f0;
    --tas-theme-110-border-bottom: 0;
    --tas-theme-111-background: var(--tas-field-white);
    --tas-theme-112-color: var(--tas-text);
    --tas-theme-113-font-weight: 400;
    --tas-theme-114-background: var(--tas-selection);
    --tas-theme-115-color: #ffffff;
    --tas-theme-116-box-shadow: none;
    --tas-theme-117-outline: 1px solid rgb(37 99 235 / 55%);
    --tas-theme-118-background: var(--tas-face);
    --tas-theme-119-color: var(--tas-text-muted);
    --tas-theme-120-border: 1px solid #cbd5e1;
    --tas-theme-121-border-radius: 6px;
    --tas-theme-122-background: var(--tas-field-white);
    --tas-theme-123-color: #111827;
    --tas-theme-124-vaadin-dialog-border-radius: 8px;
    --tas-theme-125-vaadin-dialog-shadow: 0 18px 42px rgb(15 23 42 / 24%);
    --tas-theme-126-border: 1px solid #cbd5e1;
    --tas-theme-127-border-radius: 8px;
    --tas-theme-128-background: var(--tas-face);
    --tas-theme-129-box-shadow: 0 18px 42px rgb(15 23 42 / 24%);
    --tas-theme-130-border-bottom: 1px solid #cbd5e1;
    --tas-theme-131-background: linear-gradient(180deg, #ffffff 0%, #eef2f7 100%);
    --tas-theme-132-color: var(--tas-text);
    --tas-theme-133-background: var(--tas-face);
    --tas-theme-134-background: var(--tas-face);
    --tas-theme-135-background: transparent;
    --tas-theme-136-color: var(--tas-text);
    --tas-theme-137-color: #334155;
    --tas-theme-138-vaadin-button-background: #eef2f7;
    --tas-theme-139-vaadin-button-border-radius: 4px;
    --tas-theme-140-border: 1px solid #9aa7b8;
    --tas-theme-141-border-top-color: #d9e0ea;
    --tas-theme-142-border-left-color: #d9e0ea;
    --tas-theme-143-border-radius: 4px;
    --tas-theme-144-box-shadow: inset 0 1px 0 rgb(255 255 255 / 70%);
    --tas-theme-145-border: 1px solid #cbd5e1;
    --tas-theme-146-border-radius: 12px;
    --tas-theme-147-background: #f8fafc;
    --tas-theme-148-box-shadow: 0 18px 42px rgb(15 23 42 / 24%);
    --tas-theme-149-background: #f8fafc;
    --tas-theme-150-background: #f8fafc;
    --tas-theme-151-color: #172033;
    --tas-theme-152-color: #172033;
    --tas-theme-153-font-weight: 700;
    --tas-theme-154-color: #2563eb;
    --tas-theme-155-vaadin-button-background: transparent;
    --tas-theme-156-vaadin-button-border-radius: 6px;
    --tas-theme-157-background: transparent;
    --tas-theme-158-color: #172033;
    --tas-theme-159-border: 2px solid #3b82f6;
    --tas-theme-160-border-radius: 8px;
    --tas-theme-161-background: #ffffff;
    --tas-theme-162-box-shadow: 0 0 0 2px rgb(59 130 246 / 12%);
    --tas-theme-163-color: #334155;
    --tas-theme-164-color: #2563eb;
    --tas-theme-165-vaadin-button-background: transparent;
    --tas-theme-166-vaadin-button-border-radius: 6px;
    --tas-theme-167-border: 1px solid #cbd5e1;
    --tas-theme-168-border-radius: 8px;
    --tas-theme-169-background: #ffffff;
    --tas-theme-170-color: #172033;
    --tas-theme-171-vaadin-focus-ring-width: 0;
    --tas-theme-172-border-right: 1px solid #e2e8f0;
    --tas-theme-173-border-bottom: 1px solid #e2e8f0;
    --tas-theme-174-background: #f8fafc;
    --tas-theme-175-color: #172033;
    --tas-theme-176-font-weight: 600;
    --tas-theme-177-border-right: 1px solid #eef2f7;
    --tas-theme-178-background: #ffffff;
    --tas-theme-179-color: #172033;
    --tas-theme-180-background: #f8fafc;
    --tas-theme-181-background: #2563eb;
    --tas-theme-182-color: #ffffff;
    --tas-theme-183-border: 1px solid #9aa7b8;
    --tas-theme-184-border-top: 0;
    --tas-theme-185-background: #f1f5f9;
}