:root {

    /*
    KassLa Design-System
    Zentrale Variablen
    */


    
    /* KassLa Farbwelt */

    --color-background: #131954;
    --color-surface: #131954;

    --color-primary: #9E880A;
    --color-primary-dark: #7A6908;

    --color-text: #F1EBDD;
    --color-text-muted: #D8D2C0;

    --color-border: rgba(241, 235, 221, 0.25);


    /* Statusfarben */

    	--color-success: #198754;
    	/* --color-warning: #9E880A; */
    	--color-danger: #B02A37;
		--color-toggle-active: #9E880A;
	
		--color-status-ok: #E4F1E5;

		--color-status-warning: #F7EDCC;

		--color-status-error: #F3DEDF;

		--color-status-info: #E1EAF2;



    /* Typografie */

	--font-family-heading:
    	Georgia,
    	"Times New Roman",
    	serif;

	--font-family-base:
    	"Avenir Next",
    	Avenir,
    	"Helvetica Neue",
    	Helvetica,
    	Arial,
    	sans-serif;


	--font-size-base: 16px;

	--line-height-base: 1.5;



    /* Abstände */

    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;



    /* Größen */

    --radius-small: 4px;
    --radius-medium: 8px;
    --radius-large: 12px;



    /* Schatten */

    --shadow-card:
        0 2px 8px rgba(0,0,0,0.08);



    /* Responsive */

    --container-max-width: 1200px;



/*
Formular Farben
*/


--color-input-background: rgba(241, 235, 221, 0.08);

--color-input-border: rgba(241, 235, 221, 0.35);

--color-input-focus: var(--color-primary);

--color-input-placeholder: rgba(241, 235, 221, 0.55);

}