/* משתני עיצוב — שפת HaHo: שטוח, טיפוגרפיה ענקית, צבעים מצומצמים, אפס צללים.
   מקור אחד לצבעים, מרווחים, טיפוגרפיה ושבירות מסך. */

:root {
    color-scheme: light;

    /* צבעים — פלטת HaHo */
    --bg: #EAE9E4;              /* עצם — רקע האתר כולו */
    --bg-gradient: none;        /* שטוח לגמרי, בלי גרדיאנט */
    --surface: #ffffff;         /* כרטיס לבן */
    --surface-pine: #44564B;    /* ירוק אורן — משטח משני כהה */
    --border: transparent;      /* אין מסגרות — הפרדה בגוונים בלבד */
    --text: #1F2721;            /* שחור-ירקרק */
    --text-muted: #7C857E;      /* אפור-ירקרק */
    --accent: #F05548;          /* קורל — פעולה ראשית בלבד */
    --accent-2: #44564B;        /* אורן — פעולה משנית */
    --pill-lime: #D7F171;       /* תגיות סטטוס */
    --pill-cyan: #8FD8EC;
    --pill-yellow: #F4D35E;

    /* טיפוגרפיה — Heebo, גרוטסק עברי נקי */
    --font-family: "Heebo", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-size-body: 1.125rem;

    /* מרווחים וצורות */
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --radius: 1.5rem;
    --radius-lg: 1.75rem;
    --shadow: none;             /* אפס צללים — כלל יסוד בשפה */

    /* מבנה */
    --container: 68rem;
    --header-height: 4rem;

    /* שבירת מסך: מתחתיה מובייל, מעליה דסקטופ */
    --breakpoint: 48rem;
}