/*
 * משתני העיצוב של המערכת — מקור אחד לצבעים ולגופן (16.09.2026).
 *
 * הצבעים מהמיתוג של המשרד (איציק, 16.09): כחול-אפור #34495E, ענבר
 * #E6A01F, לבן, אפור #BDC3C7, כהה #333333. הגופן: Assistant, כמו בלוגו.
 *
 * צבעי מצב: ארבעה בלבד, כל אחד בזוג (מלא לטקסט, רך לרקע, קו למסגרת).
 * הענבר של המותג משמש ל"ממתין" — כך המצב הנפוץ ביותר נראה כמו המשרד.
 */

:root {
    /* מותג */
    --brand: #34495e;
    --brand-ink: #263544;
    --brand-soft: #e9edf2;
    --accent: #e6a01f;
    --accent-soft: #fdf1d8;

    /* טקסט ומשטחים */
    --ink: #333333;
    --ink-2: #5a6472;
    --ink-3: #7f8a99;
    --gray: #bdc3c7;
    --line: #e1e5e9;
    --surface: #ffffff;
    --surface-soft: #f6f7f9;
    --bg: #f3f5f7;

    /* מצב */
    --ok: #1e7f4f;
    --ok-soft: #e4f4ea;
    --ok-line: #b7dfc2;
    --warn: #8a5a00;
    --warn-soft: #fdf1d8;
    --warn-line: #f0cf8a;
    --bad: #b42318;
    --bad-soft: #fdecea;
    --bad-line: #f3c3be;
    --wait: #5b4ba8;
    --wait-soft: #eeeafb;

    /* השמות הישנים — מצביעים לחדשים, כדי שכל הקוד הקיים ימשיך לעבוד */
    --app-background: var(--bg);
    --app-surface: var(--surface);
    --app-surface-soft: var(--surface-soft);
    --app-border: var(--line);
    --app-text: var(--ink);
    --app-muted: var(--ink-2);
    --organization-primary: var(--brand);
    --app-danger-background: var(--bad-soft);
    --app-danger-text: var(--bad);

    --font: "Assistant", "Segoe UI", Arial, sans-serif;
    --radius: 12px;
    --radius-s: 8px;
}