/* =================================================================================================
   HABUS – Gesamt-CSS (merged)
   Enthält: Design-Variablen, Global/Layout, Navigation, Buttons/Utility, Tabellen, Kalender/Urlaub,
            Overlay/Popup (einmalig, konsolidiert)
================================================================================================= */


/* ============================================================================================= */
/* 1) HABUS Design-Parameter (Farben, Schriftgrößen, Abstände)                                   */
/* ============================================================================================= */

:root {
    /* Schriftgrößen */
    --habus-font-size-base:        10px;
    --habus-font-size-h1:          12px;
    --habus-font-size-h2:          11px;
    --habus-font-size-title:       10px;
    --habus-font-size-navigation:  10px;

    /* Farben – Marke */
    --habus-color-bg-page:           #bac7bb;
    --habus-color-nav-bg:            #408080;
    --habus-color-primary:           #5B7940;  /* Hapnet Grün */
    --habus-color-primary-light:     #408080;  /* zweite Grüntönung */
    --habus-color-accent:            #3498db;

    /* Tabellenfarben */
    --habus-color-table-header:      var(--habus-color-primary-light);
    --habus-color-table-header-alt:  #5B7940;
    --habus-color-table-row-alt:     #f2f2f2;
    --habus-color-table-border:      #ddd;

    /* Tabellenzellenfarben */
	--habus-color-future:			 rgb(209, 187, 154);
	--habus-color-closed:			 #bac7bb;
	--habus-color-noworkingday:  	 #bac7bb;
    --habus-color-weekend:           #e6ffe6;
    --habus-color-error:             #ffe6e6;
    --habus-color-requested:         rgb(255, 226, 191);
    --habus-color-urlaub:            hotpink;
    --habus-color-krank:             red;
    --habus-color-autobooking:       #fff3cd;

    /* Buttons */
    --habus-color-btn:               #f2f2f2;
    --habus-color-btn-over:		 	#ddd;
    --habus-color-btn-primary:       #f2f2f2;
    --habus-color-btn-over-primary:  #ddd;

    --habus-color-btn-update:        #dbffd9;
    --habus-color-btn-delete:        #ff8080;
    --habus-color-btn-loeschen:      #ff8080;
    --habus-color-btn-create:        #3498db;
    --habus-color-btn-aendern:       #3498db;
    --habus-color-btn-neutral:       #f2f2f2;
    --habus-color-btn-comes:         #4CAF50;
    --habus-color-btn-goes:          #f44336;
    --habus-color-btn-bestaetigen:   #4CAF50;
    --habus-color-btn-krank:         #f44336;
    --habus-color-btn-urlaub:        #dbffd9;

    /* Overlay / Popup */
    --habus-overlay-header:         var(--habus-color-primary-light);
    --habus-overlay-backdrop:       rgba(0, 0, 0, 0.5);
    --habus-overlay-shadow:         0 10px 30px rgba(0, 0, 0, 0.3);

    /* Abwesenheitstypen */
    --habus-color-abs-urlaub:       hotpink;
    --habus-color-abs-krank:        red;
    --habus-color-abs-ueberstunden: steelblue;
    --habus-color-abs-fortbildung:  darkorange;
    --habus-color-abs-sonstiges:    gray;

    /* Sonstiges */
    --habus-overlay-radius:         6px;
    --habus-button-radius:          6px;
    --habus-radius:                 6px;
    --habus-radius-large:           10px;

    /* Layout */
    --habus-nav-width:              170px;
}