:root {
    /* Primärfarben */

    --sas-primary: #2f6fed;
    --sas-primary-hover: #2359c7;
    --sas-primary-light: #edf3ff;
    /* Statusfarben */

    --sas-success: #16a34a;
    --sas-warning: #f59e0b;
    --sas-danger: #dc2626;
    --sas-info: #0ea5e9;
    /* Hintergründe */

    --sas-surface: #ffffff;
    --sas-background: #f5f7fb;
    /* Rahmen */

    --sas-border: #dfe4ec;
    /* Schrift */

    --sas-text: #1f2937;
    --sas-text-muted: #64748b;
    /* Schatten */

    --sas-shadow: 0 5px 18px rgba(15,23,42,.045);
    /* Rundungen */

    --sas-radius-small: 8px;
    --sas-radius: 12px;
    --sas-radius-large: 18px;
}