/* Gilroy Font */
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Базові змінні */
:root {
    --gvp-color-primary: #2563eb;
    --gvp-color-primary-hover: #1d4ed8;
    --gvp-color-secondary: #64748b;
    --gvp-color-success: #10b981;
    --gvp-color-warning: #f59e0b;
    --gvp-color-danger: #ef4444;
    --gvp-color-bg: #0e0f16;
    --gvp-color-surface: #1b232e;
    --gvp-color-border: rgba(255, 255, 255, 0.1);
    --gvp-color-text: #cdcdcd;
    --gvp-color-text-secondary: #64748b;
    --gvp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --gvp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --gvp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
    --gvp-radius: 20px;
    --gvp-radius-2: 5px;
    --gvp-radius-sm: 4px;
    
    /* Змінні таблиці */
    --gvp-tbl-bg-head: #1b232e;
    --gvp-tbl-bg-row: #141c27;
    --gvp-tbl-bg-hover: #85858528;
    --gvp-tbl-border: #777777;
    --gvp-tbl-text-header: #dcdcdc;
    --gvp-tbl-text-cell: #ebebeb;
    --gvp-tbl-cell-padding: 4px 6px;
    --gvp-tbl-font-size: 0.8125rem;
    
    /* Змінні для колонок таблиці */
    /* Ширина колонок у відсотках визначається в gvp-table-columns-width.css */
    
    /* Фіксовані ширини (для мінімальних значень або fallback) */
    --gvp-tbl-col-number-width: 60px;
    --gvp-tbl-col-number-color: #9ca3af;
    --gvp-tbl-col-number-align: center;
    
    /* Пріоритет (список проєктів) — не вужче за підпис + сортування */
    --gvp-tbl-col-priority-width: 122px;
    --gvp-tbl-col-priority-align: center;
    
    --gvp-tbl-col-name-width: 200px;
    --gvp-tbl-col-name-color: #e5e7eb;
    --gvp-tbl-col-name-align: left;
    
    --gvp-tbl-col-platform-width: 200px;
    --gvp-tbl-col-platform-align: left;
    
    --gvp-tbl-col-direction-width: 120px;
    --gvp-tbl-col-direction-align: left;
    
    --gvp-tbl-col-type-width: 150px;
    --gvp-tbl-col-type-align: left;
    
    --gvp-tbl-col-shooting-date-width: 150px;
    --gvp-tbl-col-shooting-date-color: #9ca3af;
    --gvp-tbl-col-shooting-date-align: center;
    
    --gvp-tbl-col-ready-date-width: 150px;
    --gvp-tbl-col-ready-date-color: #9ca3af;
    --gvp-tbl-col-ready-date-align: center;
    
    --gvp-tbl-col-completeness-width: 180px;
    --gvp-tbl-col-completeness-align: center;
    
    
    /* Змінні хедера */
    --gvp-hdr-bg: #1e1e1e;
    --gvp-hdr-title-color: #b2b2b2;
    --gvp-hdr-title-size: 1.75rem;
    --gvp-hdr-padding: 1.5rem 0;
    
    /* Змінні пошуку */
    --gvp-search-bg: #2a3441;
    --gvp-search-border: #3d4855;
    --gvp-search-text: #e5e7eb;
    --gvp-search-placeholder: #9ca3af;
    --gvp-search-icon-color: #9ca3af;
    --gvp-search-focus-border: #4b5563;
    --gvp-search-radius: 8px;
    
    /* Змінні вкладок фільтрів */
    --gvp-tabs-bg: #141c27;
    --gvp-tabs-border: #3d3d3d;
    --gvp-tabs-text: #64748b;
    --gvp-tabs-text-active: #e6e6e6;
    --gvp-tabs-hover-bg: rgba(37, 99, 235, 0.05);
    --gvp-tabs-underline: #ffffff;
    --gvp-tabs-padding: 1rem 1.5rem;
    --gvp-tabs-font-size: 0.875rem;
    --gvp-tabs-underline-height: 2px;
    
    /* Кольори свічення вкладок */
    --gvp-tabs-glow-pending: #f59e0b;      /* Помаранчевий для очікуючих */
    --gvp-tabs-glow-approved: #10b981;     /* Зелений для затверджених */
    --gvp-tabs-glow-archive: #3b82f6;      /* Синій для архіву */
    --gvp-tabs-glow-trash: #ef4444;        /* Червоний для кошика */
    --gvp-tabs-glow-canceled: #ef4444;     /* Червоний для скасованих */
    
    /* Змінні модального вікна */
    --gvp-modal-overlay-bg: rgba(0, 0, 0, 0.5);
    --gvp-modal-content-bg: #1b232e;
    --gvp-modal-border: rgba(255, 255, 255, 0.08);
    --gvp-modal-header-border: rgba(255, 255, 255, 0.08);
    --gvp-modal-title-color: #fdfdfd;
    --gvp-modal-title-size: 1.25rem;
    --gvp-modal-close-color: #64748b;
    --gvp-modal-close-hover-bg: #1b232e;
    --gvp-modal-padding: 1.5rem;
    --gvp-modal-radius: 10px;
    
    /* Змінні модального вікна створення проєкту */
    --gvp-form-label-color: #7386a0;;
    --gvp-form-label-size: 0.875rem;
    --gvp-form-input-bg: #1b232e;;
    --gvp-form-input-border: #3d4855;
    --gvp-form-input-color: #b6b7b9;
    --gvp-form-input-focus-border: #2563eb;
    --gvp-form-padding: 1.5rem;
    
    /* Змінні модального вікна деталей проєкту */
    --gvp-details-bg: #0e0f16;
    --gvp-details-item-bg: #1b232e;
    --gvp-details-title-color: #dcdcdc;
    --gvp-details-title-size: 1rem;
    --gvp-details-name-size: 1.5rem;
    --gvp-details-name-color: #dddddd;
    --gvp-details-description-color: #64748b;
    --gvp-details-label-color: #64748b;
    --gvp-details-label-size: 0.75rem;
    --gvp-details-value-color: #dddddd;
    --gvp-details-value-size: 1rem;
    --gvp-details-border: rgba(255, 255, 255, 0.1);
    --gvp-details-padding: 1.5rem;
    
    /* Змінні для напрямків */
    --gvp-type-direction-color: #1000c5;
    --gvp-type-default-color: #6b21a8;
}