/* stylelint-disable */

/* ========================
   Belangrijkste variabelen
   Pas hier je kleuren aan
   ======================== */
:root {
    --colorPrimary900: #FF5733;   /* donkerder primaire kleur (bijv. knoppen hover) */
    --colorPrimary600: #FF8D1A;   /* lichtere primaire kleur (bijv. knoppen normaal) */
    --colorAppBackground: #1A1A1A; /* achtergrond van applicaties */
    --colorTextPrimary: #FFFFFF;   /* hoofdtekst kleur */
    --colorTextSecondary: #CCCCCC; /* secundaire tekst kleur */
}

/* ========================
   Algemene achtergrond
   ======================== */
.ashby-application-form-container,
.ashby-job-board-heading,
.ashby-job-board-filter,
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane,
.ashby-job-posting-header {
    background-color: var(--colorAppBackground);
}

/* ========================
   Teksten
   ======================== */
.ashby-job-board-heading,
.ashby-job-posting-heading,
.ashby-job-posting-brief-title,
.ashby-application-form-question-title,
.ashby-department-heading,
.ashby-department-heading-level {
    color: var(--colorTextPrimary);
}

.ashby-application-form-question-description,
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label,
.ashby-application-form-texting-consent-description {
    color: var(--colorTextSecondary);
}

/* ========================
   Knoppen
   ======================== */
.ashby-application-form-submit-button,
.ashby-job-board-back-to-all-jobs-button {
    background-color: var(--colorPrimary600);
    color: var(--colorTextPrimary);
    border-radius: var(--borderRadiusButton);
}

.ashby-application-form-submit-button:hover,
.ashby-job-board-back-to-all-jobs-button:hover {
    background-color: var(--colorPrimary900);
}

/* ========================
   Formulieren en invoervelden
   ======================== */
.ashby-application-form-autofill-input-base-layer,
.ashby-application-form-autofill-pane,
.ashby-application-form-field-entry,
.ashby-application-form-autofill-uploader {
    background-color: #2A2A2A; /* placeholder donkergrijs */
    color: var(--colorTextPrimary);
    border-radius: var(--borderRadiusControl);
    border: 1px solid #444444; /* lichte rand voor contrast */
}

.ashby-application-form-autofill-input-description,
.ashby-application-form-section-header-description {
    color: var(--colorTextSecondary);
}

/* ========================
   Job board secties
   ======================== */
.ashby-job-posting-brief,
.ashby-job-posting-brief-list,
.ashby-job-posting-brief-details {
    background-color: #2C2C2C; /* placeholder voor job containers */
    color: var(--colorTextPrimary);
    margin-bottom: 10px;
    padding: 10px;
    border-radius: var(--borderRadiusContainer);
}

/* ========================
   Tabs en sliders
   ======================== */
.ashby-job-posting-right-pane-tab-slider,
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab {
    background-color: #333333; /* placeholder */
    color: var(--colorTextPrimary);
}

/* ========================
   Overige elementen
   ======================== */
.ashby-application-form-success-container,
.ashby-application-form-failure-container,
.ashby-application-form-blocked-application-container {
    background-color: #2B2B2B; /* placeholder */
    color: var(--colorTextPrimary);
    border-radius: var(--borderRadiusContainer);
}

/* Icons en speciale elementen */
.ashby-application-form-autofill-input-icon {
    color: var(--colorPrimary600);
}