/* Design tokens — the app's single :root. Consume via var(--ist-*). Spec: docs/ui/DESIGN-SYSTEM.md §1. */
@layer reset, vendor, tokens, components, utilities;

:root {
    --main-font: Ubuntu, Century Gothic, Tahoma;
    --main-color: black;
    --main-background-color: white;
    --tab-header-background-color: #F4F7FA;
    --tab-header-inactive-color: #888888;
    --tab-header-active-color: #000000;
    --tab-header-active-background-color: #FFFFFF;
    --icon-blue-color: #007bff;
    --icon-gray-color: #6c757d;
    --ist-activity-color: #6b7280;
    --ist-actual-cost-color: #4169E1;
    --ist-actual-income-color: #deb525;
    --ist-ai-color: #6f42c1;
    --ist-analytic-color: #b60c52;
    --ist-attach-color: #58c9ae;
    --ist-bim-comment-color: #2dbd9a;
    --ist-bim-topic-color: #4169E1;
    --ist-blue-color: #007bff;
    --ist-board-icon-color: #deb525;
    --ist-card-color: #56CFFF;
    --ist-card-item-icon-color: #70c69a;
    --ist-code-color: #e9731f;
    --ist-comment-color: #166A7B;
    --ist-correspondence-color: #6366f1;
    --ist-cost-icon-color: #e9731f;
    --ist-dashboard-color: #e9731f;
    --ist-document-icon-color: #2dbd9a;
    --ist-document-status-color: #4169E1;
    --ist-field-context-color: #4169E1;
    --ist-field-standard-color: #2dbd9a;
    --ist-field-udf-color: #b8860b;
    --ist-filter-color: #5eb0ef;
    --ist-flow-color: #9677de;
    --ist-folder-icon-color: #8ddd66;
    --ist-form-color: #4169E1;
    --ist-global-team-color: #337ab7;
    --ist-grid-group-color: #999999;
    --ist-grid-icon-color: #888888;
    --ist-holiday-color: #e4483d;
    --ist-income-icon-color: #0470b4;
    --ist-issue-color: #4169E1;
    --ist-lessons-color: #e9731f;
    --ist-lock-color: #b20e0e;
    --ist-markup-icon-color: #2d90d0;
    --ist-nonworking-color: #fbe9a6;
    --ist-portfolio-color: #e04a2e;
    --ist-privilege-allow-color: #19aa52;
    --ist-privilege-deny-color: #f50d1a;
    --ist-privilege-inherit-color: #cbcbcb;
    --ist-program-color: #69c4e3;
    --ist-project-color: #68e37d;
    --ist-project-team-color: #5cb85c;
    --ist-resource-icon-color: #74276D;
    --ist-risk-color: #9677de;
    --ist-role-color: #888888;
    --ist-send-via-mail-color: #d98f44;
    --ist-sensitivity-badge-color: #6c757d;
    --ist-shared-icon-color: #1e6d93;
    --ist-spread-sheet-color: #2dbd9a;
    --ist-stamp-icon-color: #d98f44;
    --ist-team-color: #888888;
    --ist-user-color: #166A7B;
    --ist-viewer-color: #6c757d;
    --ist-wbs-color: #b277b3;
    --ist-wbs-level-0-color: #ffba08;
    --ist-wbs-level-1-color: #52b788;
    --ist-wbs-level-2-color: #1a759f;
    --ist-wbs-level-3-color: #6a4c93;
    --ist-wbs-level-4-color: #f8961e;
    --ist-wbs-level-5-color: #bc4749;
    --ist-wbs-level-6-color: #4361ee;
    --ist-wbs-level-7-color: #90be6d;
    --ist-wbs-level-8-color: #f9844a;
    --ist-wbs-level-9-color: #8338ec;
    --ist-wbs-level-10-color: #b5179e;

    --ist-wbs-dark-level-0-color: #b38300;
    --ist-wbs-dark-level-1-color: #3a6f5a;
    --ist-wbs-dark-level-2-color: #0f4a6d;
    --ist-wbs-dark-level-3-color: #4a306b;
    --ist-wbs-dark-level-4-color: #b36700;
    --ist-wbs-dark-level-5-color: #8b3133;
    --ist-wbs-dark-level-6-color: #2c3b93;
    --ist-wbs-dark-level-7-color: #618b48;
    --ist-wbs-dark-level-8-color: #b7652a;
    --ist-wbs-dark-level-9-color: #5b26a4;
    --ist-wbs-dark-level-10-color: #7a116f;

    --ist-primary-50: #eef6f8;
    --ist-primary-100: #d2e9ed;
    --ist-primary-200: #a9d4dc;
    --ist-primary-300: #73b8c5;
    --ist-primary-400: #429aa9;
    --ist-primary-500: #237d90;
    --ist-primary-600: #1a6f82;
    --ist-primary-700: #166A7B;
    --ist-primary-800: #12525f;
    --ist-primary-900: #0d3c46;
    --ist-primary-rgb: 22, 106, 123; /* #166A7B in rgb, for Bootstrap rgba() bridge */
    --ist-primary: var(--ist-primary-700);
    --ist-brand: var(--ist-primary-700);
    --ist-accent: #25CDB0;

    --ist-neutral-0: #ffffff;
    --ist-neutral-50: #f8fafc;
    --ist-neutral-100: #f1f5f9;
    --ist-neutral-200: #e2e8f0;
    --ist-neutral-300: #cbd5e1;
    --ist-neutral-400: #94a3b8;
    --ist-neutral-500: #64748b;
    --ist-neutral-600: #475569;
    --ist-neutral-700: #334155;
    --ist-neutral-800: #1e293b;
    --ist-neutral-900: #0f172a;

    --ist-bg: var(--ist-neutral-0);
    --ist-surface: #ffffff;
    --ist-surface-raised: var(--ist-neutral-50);
    --ist-surface-sunken: var(--ist-neutral-100);
    --ist-border: var(--ist-neutral-200);
    --ist-border-strong: var(--ist-neutral-300);
    --ist-divider: var(--ist-neutral-200);
    --ist-text: var(--ist-neutral-800);
    --ist-text-muted: var(--ist-neutral-500);
    --ist-text-disabled: var(--ist-neutral-400);
    --ist-text-on-brand: #ffffff;

    --ist-success: #19aa52;
    --ist-warning: #e9a23b;
    --ist-danger: #e4483d;
    --ist-info: #3da0e3;
    --ist-success-bg: color-mix(in srgb, var(--ist-success) 12%, white);
    --ist-warning-bg: color-mix(in srgb, var(--ist-warning) 12%, white);
    --ist-danger-bg: color-mix(in srgb, var(--ist-danger) 12%, white);
    --ist-info-bg: color-mix(in srgb, var(--ist-info) 12%, white);

    --ist-selected-row-bg: #fff3cd;

    --ist-count-pill-bg: var(--ist-surface-sunken);
    --ist-count-pill-border: var(--ist-border);
    --ist-count-pill-text: var(--ist-text-muted);
    --ist-title-pill-bg: #dbeafe;
    --ist-title-pill-text: #1d4ed8;

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

    --ist-radius-sm: 4px;
    --ist-radius-md: 8px;
    --ist-radius-lg: 12px;
    --ist-radius-xl: 16px;
    --ist-radius-pill: 999px;

    --ist-shadow-1: 0 1px 2px rgba(15, 23, 42, .06);
    --ist-shadow-2: 0 2px 6px rgba(15, 23, 42, .08);
    --ist-shadow-3: 0 6px 16px rgba(15, 23, 42, .10);
    --ist-shadow-4: 0 12px 28px rgba(15, 23, 42, .14);
    --ist-shadow-5: 0 20px 48px rgba(15, 23, 42, .18);

    --ist-font-family: var(--main-font);
    --ist-font-size-xs: 11px;
    --ist-font-size-sm: 12px;
    --ist-font-size-md: 14px;
    --ist-font-size-lg: 16px;
    --ist-font-size-xl: 20px;
    --ist-font-size-2xl: 24px;
    --ist-line-height-tight: 1.25;
    --ist-line-height-normal: 1.5;
    --ist-line-height-relaxed: 1.7;
    --ist-font-weight-normal: 400;
    --ist-font-weight-medium: 500;
    --ist-font-weight-semibold: 600;
    --ist-font-weight-bold: 700;

    --ist-z-base: 1;
    --ist-z-dropdown: 1000;
    --ist-z-sticky: 1020;
    --ist-z-overlay: 1040;
    --ist-z-modal: 1050;
    --ist-z-toast: 1060;
    --ist-z-tooltip: 1070;

    --ist-duration-fast: 120ms;
    --ist-duration-base: 200ms;
    --ist-duration-slow: 320ms;
    --ist-duration-spinner: 900ms;
    --ist-ease-standard: cubic-bezier(.2, 0, 0, 1);
    --ist-ease-emphasized: cubic-bezier(.2, 0, 0, 1.2);

    /* App-shell geometry — single source for the static sidebar rail, header and footer.
       Content margin and the header/footer left offset all derive from the rail width. */
    --ist-rail-w: 56px;
    --ist-header-h: 40px;
    --ist-footer-h: 30px;
    --ist-rail-bg: linear-gradient(180deg, var(--ist-neutral-800), var(--ist-neutral-900));
}