@charset "utf-8";
/* CSS Document */
:root {

    --header_height: 60px;
    --calc_width: calc(100% - 40px);
}

:root {
    /* צבעים להתראות */
    --color-critical: #D32F2F; /* קריטי */
    --color-warning: #FFA000; /* אזהרה */
    --color-info: #FBC02D; /* מידע חשוב */
    --color-success: #388E3C; /* הצלחה */
    --color-update: #1976D2; /* עדכון */

    /* צבעים עיקריים */
    --color-primary-dark: #2a4564; /* כחול-אפור עמוק */
    --color-primary-light: #5DADE2; /* כחול רך */
    --color-background: #FAF3E0; /* בז' עדין */
    --color-text-primary: #052d42; /* אפור-כחול בינוני */
    --color-text-secondary: #7F8C8D; /* אפור רך */
    --color-box-background: #EAEDED; /* אפור-כחלחל בהיר */

    /* צבעים לכפתורים */
    --color-button-primary: #00f8c6; /* ירוק מנטה */
    --color-button-secondary: #00c9a1; /* כחול רך */
    --color-button-neutral: #95A5A6; /* אפור ניטרלי */
    --color-button-outline: #BDC3C7; /* אפור בהיר */

    /* צבעים למצב כהה */
    --color-dark-background: #2C3E50; /* כחול-אפור כהה */
    --color-dark-text: #ECF0F1; /* אפור בהיר */
    --color-dark-gray-1: #566573;
    --color-dark-gray-2: #85929E;
    --color-dark-gray-3: #D5DBDB;

    /* גבולות וצל */
    --border-radius: 10px;
    --border-thin: 1px solid #D5DBDB;
    --border-medium: 2px solid #85929E;
    --border-thick: 3px solid #566573;

    --box-shadow-light: 0px 2px 5px rgba(44, 62, 80, 0.1);
    --box-shadow-medium: 0px 4px 10px rgba(44, 62, 80, 0.2);
    --box-shadow-heavy: 0px 6px 15px rgba(44, 62, 80, 0.3);
}