/* public/custom/css/school-theme.css */
/* ===================================================================
   SCHOOL THEME - pro Installation gemountete Design-Tokens
   ===================================================================
*/

:root {
    /* Branding */
    --brand-primary: #0056b3;
    --brand-primary-hover: #004085;
    --brand-primary-light: #dfedfc;
    --brand-primary-lighter: #f6faff;
    --brand-secondary: #d9e5f2;

    /* Flächen */
    --surface-page: #f7f9fc;
    --surface-panel: #ffffff;
    --surface-sidebar: var(--brand-secondary);

    /* Text */
    --text-color: #1f2937;
    --text-muted: #667085;

    /* Formen und Schatten */
    --border-radius: 10px;
    --radius-card: 16px;
    --shadow-card-sm: 0 10px 25px rgba(15, 23, 42, 0.04);

    /* Wiederverwendbare Komponenten */
    --button-radius: 10px;
    --card-radius: var(--radius-card);
    --form-control-radius: 10px;
    --table-row-hover-bg: #eef6ff;
    --empty-state-bg: #f4f8ff;

    --modal-body-bg: var(--brand-primary-lighter);
}

/* Beispiel für ein eng begrenztes Page-Token. */
.student-container {
    --student-card-avatar-size: 140px;
}