@charset "utf-8";
/* CSS Document */
:root {
    --bg_main: #1d1d1f;
    --bg_form: #3d3c3f;
    --bg_form_footer: #313133;
    --bg_text_color: white;
    --bg_label_color: #95939d;
    --bg_form_shadow: 1px 0 9px 3px rgba(0, 0, 0, 0.2);
    --bg_form_btn_shadow: 1px 0 9px 3px rgba(0, 0, 0, 0.1);
    --bg_form_inset_shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.5);

    --color_primary: #6462fc; /* כפתור ראשי - אדום */


    --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: #03C703; /* ירוק */
    --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: Heebo;
    src: url("../assets/fonts/Heebo-Regular.ttf");
    font-display: swap;
    font-weight: normal;
}

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

* {
    box-sizing: border-box;
    text-decoration: none;
    font-family: Heebo, Sans-serif, serif;
}