/**
 * SPV huisstijl voor Backpack/Tabler
 * Vervangt de standaard paarse Backpack kleuren door SPV groen + nachtblauw
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

@charset "UTF-8";
:root, [data-bs-theme=light], [data-menu-theme=light] {
    /* Grijsschaal op basis van nachtblauw */
    --tblr-gray:              #5B6477;
    --tblr-gray-dark:         #1A2842;
    --tblr-gray-100:          #F5F6F7;
    --tblr-gray-200:          #E3E4E5;
    --tblr-gray-300:          #B1B5BD;
    --tblr-gray-400:          #9BA1AB;
    --tblr-gray-500:          #858C99;
    --tblr-gray-600:          #5B6477;
    --tblr-gray-700:          #303C54;
    --tblr-gray-800:          #1A2842;
    --tblr-gray-900:          #161F31;

    /* SPV primaire kleur: groen */
    --tblr-primary:           #A0C51E;
    --tblr-primary-rgb:       160, 197, 30;
    --tblr-tabler:            #A0C51E;
    --tblr-tabler-rgb:        160, 197, 30;

    --tblr-secondary:         #5B6477;
    --tblr-secondary-rgb:     91, 100, 119;
    --tblr-success:           #A0C51E;
    --tblr-success-rgb:       160, 197, 30;
    --tblr-info:              #2BB6B7;
    --tblr-info-rgb:          43, 182, 183;
    --tblr-warning:           #ffc107;
    --tblr-warning-rgb:       255, 193, 7;
    --tblr-danger:            #E91A47;
    --tblr-danger-rgb:        233, 26, 71;
    --tblr-light:             #F5F6F7;
    --tblr-light-rgb:         245, 246, 247;
    --tblr-dark:              #1A2842;
    --tblr-dark-rgb:          26, 40, 66;
    --tblr-muted:             #5B6477;
    --tblr-muted-rgb:         91, 100, 119;

    --tblr-primary-text-emphasis:    #004526;
    --tblr-secondary-text-emphasis:  #303C54;
    --tblr-success-text-emphasis:    #004526;
    --tblr-info-text-emphasis:       #1A5F60;
    --tblr-warning-text-emphasis:    #664d03;
    --tblr-danger-text-emphasis:     #7A0024;
    --tblr-light-text-emphasis:      #303C54;
    --tblr-dark-text-emphasis:       #303C54;

    --tblr-primary-bg-subtle:        #EEF7CC;
    --tblr-secondary-bg-subtle:      #EDEEF1;
    --tblr-success-bg-subtle:        #EEF7CC;
    --tblr-info-bg-subtle:           #D0F1F1;
    --tblr-warning-bg-subtle:        #FFF3CD;
    --tblr-danger-bg-subtle:         #FECDD3;
    --tblr-light-bg-subtle:          #F5F6F7;
    --tblr-dark-bg-subtle:           #9BA1AB;

    --tblr-primary-border-subtle:    #C4E066;
    --tblr-secondary-border-subtle:  #D8DADF;
    --tblr-success-border-subtle:    #C4E066;
    --tblr-info-border-subtle:       #7DD8D8;
    --tblr-warning-border-subtle:    #FFE69C;
    --tblr-danger-border-subtle:     #FCA5A5;
    --tblr-light-border-subtle:      #E3E4E5;
    --tblr-dark-border-subtle:       #5B6477;

    --tblr-body-font-family:  'Poppins', system-ui, sans-serif;
    --tblr-body-font-size:    0.875rem;
    --tblr-body-font-weight:  400;
    --tblr-body-line-height:  1.4285714286;
    --tblr-body-color:        #1A2842;
    --tblr-body-color-rgb:    26, 40, 66;
    --tblr-body-bg:           #F5F6F7;
    --tblr-body-bg-rgb:       245, 246, 247;

    --tblr-emphasis-color:    #000;
    --tblr-emphasis-color-rgb: 0, 0, 0;

    --tblr-secondary-color:          rgba(26, 40, 66, .75);
    --tblr-secondary-color-rgb:      26, 40, 66;
    --tblr-secondary-bg:             #E3E4E5;
    --tblr-secondary-bg-rgb:         227, 228, 229;
    --tblr-tertiary-color:           rgba(26, 40, 66, .5);
    --tblr-tertiary-color-rgb:       26, 40, 66;
    --tblr-tertiary-bg:              #F5F6F7;
    --tblr-tertiary-bg-rgb:          245, 246, 247;

    --tblr-link-color:               #729300;
    --tblr-link-color-rgb:           114, 147, 0;
    --tblr-link-hover-color:         #004526;
    --tblr-link-hover-color-rgb:     0, 69, 38;

    --tblr-border-color:             #E3E4E5;
    --tblr-border-color-translucent: rgba(91, 100, 119, .16);
    --tblr-focus-ring-width:         0.25rem;
    --tblr-focus-ring-opacity:       0.25;
    --tblr-focus-ring-color:         rgba(160, 197, 30, .25);
    --tblr-form-valid-color:         #A0C51E;
    --tblr-form-valid-border-color:  #A0C51E;
    --tblr-form-invalid-color:       #E91A47;
    --tblr-form-invalid-border-color: #E91A47;
    --tblr-danger-text:              var(--tblr-danger);
    --tblr-navbar-border-color:      transparent;
    --bg-switch-checked-color:       var(--tblr-primary);
}

[data-bs-theme=dark], [data-menu-theme=dark] {
    --tblr-body-color:         #9BA1AB;
    --tblr-body-bg:            #161F31;
    --tblr-secondary-bg:       #1A2842;
    --tblr-tertiary-bg:        #1E2D4A;
    --tblr-link-color:         #C4E066;
    --tblr-link-hover-color:   #D6ED88;
    --tblr-link-color-rgb:     196, 224, 102;
    --tblr-link-hover-color-rgb: 214, 237, 136;
    --tblr-border-color:       #263249;
    --tblr-bg-surface:         #1A2842;
    --tblr-navbar-bg:          var(--tblr-bg-surface);
    --tblr-dark-mode-border-color: #263249;
    --tblr-bg-main-color:      #161F31;
    --tblr-bg-forms:           var(--tblr-dark-mode-border-color);
    --tblr-navbar-color:       rgba(255, 255, 255, 0.7);
    --tblr-navbar-border-color: transparent;
}