@charset "utf-8";
/* CSS Document */
:root {
    /* 🎨 צבעי רקע */
    --bg-main: #FFFFFF;            /* רקע ראשי - לבן */
    --bg-secondary: #F5F5F5;       /* רקע פנימי / קופסאות - אפור בהיר */
    --bg-white: #FFFFFF;
    --bg-gradient: linear-gradient(145deg,rgba(244, 101, 48, 1) 0%, rgba(201, 73, 26, 1) 100%);

    /* 🖋 צבעי טקסט */
    --text-primary: #000000;       /* טקסט ראשי - שחור */
    --text-secondary: #333333;     /* טקסט משני - אפור כהה */
    --text-on-accent: #FFFFFF;     /* טקסט על כפתור בצבע מודגש */
    --text-title: #000000;         /* כותרות - שחור */

    /* 🔘 צבעי כפתורים והדגשות */
    --btn-primary: #fa5b0f;        /* כפתור ראשי - אדום */
    --btn-primary-seccond: #c54a10;        /* כפתור ראשי - אדום */
    --btn-primary-hover: #CC0000;  /* גוון כהה לכפתור במעבר */
    --btn-secondary: #FF0000;      /* כפתור משני / פעולה מיוחדת - אדום */

    /* 🌈 צבעים נוספים למיתוג / קישוטים */
    --brand-blue: #0000FF;         /* כחול */
    --brand-green: #00FF00;        /* ירוק */
    --brand-purple: #800080;       /* סגול */
    --brand-pink: #FFC0CB;         /* ורוד */

    /* 🌫 הצללות */
    --shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.05);
    --shadow: -1px 9px 18px 0 rgba(75, 81, 91, .1);;

}

@font-face {
    font-family: Arimo;
    src: url("../fonts/Arimo-Regular.ttf");
    font-display: swap;
    font-weight: normal;
}

@font-face {
    font-family: Arimo;
    src: url("../fonts/Arimo-Bold.ttf");
    font-display: swap;
    font-weight: bold;
}

* {
    box-sizing: border-box;
    text-decoration: none;
}