// config/_cust_variables.scss
// --Inhalt: Customerspezifische Variablen --

@charset "utf-8";

@use "sass:map";
@use "sx_variables";


// --- Brand colors ---
$purple: #8a4d76;
$pink: #fa7c91;
$rot: #ff0000;
$beige-light: #d0d1cd;
$beige-lighter: #eff0eb;
$beige: #f5f5dc;
$antiquewhite: #faebd7;
$snow: #fffafa;
$weiß: #ffffff;

$aliceblue: #f0f8ff;
$azure: #f0ffff;
$royalblue: #3333ff;
$default-blaugrau: #ecf0f3;
$UDE-blau: #003c7a;
$UDE-grau: #d9d9d9;

$graublau: hsl(219, 70%, 76%); 
$dklgrau: hsl(0, 0%, 21%);
$mittelgrau: hsl(0, 0%, 60%); /*auch mittelgrau: #999999;*/
$hellgrau: hsl(0, 0%, 71%); /*auch hellgrau: #d7d7d7; */
$weißgrau: #efefef;
$weißgelb: #fffaf0;
$hellgelb: #fffabf;
$gelborange: hsl(48, 100%, 67%);
$khaki: #f0e68c;
$grün: hsl(141, 71%, 48%);


// ================================
// --- Customer-Werte: Lightmode ---
// ================================

$customer-light: (

    // --- Body ---
    body-background: $aliceblue,
    hr-background-color: whitesmoke,

    // --- Buttons ---
    button-background: $aliceblue,
    submit-button-border-color: $grün, 
    reset-button-border-color: $gelborange, 
    close-button-border-color: $hellgrau, 
    
    // --- Cards, Modals ---
    card-background: white, 
    modal-values-background: $default-blaugrau,
    
    // --- Formulare ---
    input-background: $aliceblue,
    input-container-background: $UDE-grau,
    sichtentreeCaret-color: $UDE-blau, 
    input-background-ndSchluesselfeld: $weißgelb, 
        
    // --- Field-dialogue ---
    navbar-dialogue-background: $UDE-blau,
    title-dialogue-color: white,

    // --- Navigation, Breadcrumb ---
    breadcrumbSeparator-color: black,
    navbar-background: $aliceblue,
    themenbaumCaret-color: black,

    // --- Rahmen ---
    border-color: $mittelgrau,
    border-style: thin solid $mittelgrau,
    border-radius: .3em,

    // --- Schrift,  allgemein -- ---
    font-color: black,
    font-family: arial,
    font-weight: normal,
    font-size: 14px,
    
    // --- Tooltips, Warnungen, Fehler
    tooltip-background: $royalblue,
    tooltip-font-color: white,
    error-color: $rot,
    text-muted-color: $mittelgrau, 
    
    // --- Tabellen: Farben für Hierarchieebenen ---
    table-background-header: $default-blaugrau,
    table-background-row-level-1: $aliceblue,
    table-background-row-level-2: $azure,
    table-background-row-level-3: $snow,
    table-background-row-level-4: $beige,
    table-background-row-level-5: $antiquewhite,
    table-background-row-level-6: $khaki,
        
    // --- Tabellen: Farben für einfache Tabellen---
    table-color-special-value: $default-blaugrau, 
    table-background-row-sum: $hellgrau, 
    table-background-row-hover: $graublau,
    table-background-row-odd: weiß, 	    /*ungerade Tabellenzeile*/
    table-background-row-even: $weißgrau,   /*gerade Tabellenzeile*/
    table-background-row-even-odd-hover: $hellgelb, 
);

// ================================
// --- Customer-Werte: Darkmode ---
// ================================

$customer-dark: (

    // --- Body ---
    body-background: $aliceblue,
    hr-background-color: whitesmoke,

    // --- Buttons ---
    button-background: $aliceblue,
    submit-button-border-color: $grün, 
    reset-button-border-color: $gelborange, 
    close-button-border-color: $hellgrau, 
    
    // --- Cards ---
    card-background: white,
        
    // --- Formulare ---
    input-background: $aliceblue,
    input-container-background: $UDE-grau,
    sichtentreeCaret-color: $UDE-blau,
    input-background-ndSchluesselfeld: $weißgelb, 
        
    // --- Field-dialogue ---
    navbar-dialogue-background: $UDE-blau,
    title-dialogue-color: white,

    // --- Navigation, Breadcrumb ---
    breadcrumbSeparator-color: black,
    navbar-background: $aliceblue,
    themenbaumCaret-color: black,

    // --- Rahmen ---
    border-color: $mittelgrau,
    border-style: thin solid $mittelgrau,
    border-radius: .3em,

    // --- Schrift,  allgemein ---
    font-color: black,
        
    // --- Tooltips, Warnungen, Fehler
    tooltip-background: $royalblue,
    tooltip-font-color: white,
    error-color: $rot,
    text-muted-color: $mittelgrau, 

    // --- Tabellen: Farben für Hierarchieebenen ---
    table-background-header: $default-blaugrau,
    table-background-row-level-1: $aliceblue,
    table-background-row-level-2: $azure,
    table-background-row-level-3: $snow,
    table-background-row-level-4: $beige,
    table-background-row-level-5: $antiquewhite,
    table-background-row-level-6: $khaki,
        
    // --- Tabellen: Farben für einfache Tabellen---
    table-color-special-value: $default-blaugrau, 
    table-background-row-sum: $hellgrau, 
    table-background-row-hover: $graublau,
    table-background-row-odd: weiß, 	    /*ungerade Tabellenzeile*/
    table-background-row-even: $weißgrau,   /*gerade Tabellenzeile*/
    table-background-row-even-odd-hover: $hellgelb, 
);