@charset "utf-8";
/* CSS Document */
:root {
    /* 🎨 צבעי רקע */
    --bg-main: #FDE7E4;            /* רקע ראשי - ורוד בהיר */
    --bg-secondary: #FFF4EB;       /* רקע פנימי / קופסאות - בז' חמים */
    --bg-white: #FFFFFF;

    /* 🖋 צבעי טקסט */
    --text-primary: #2E2E2E;       /* טקסט ראשי - שחור רך */
    --text-secondary: #767676;     /* טקסט משני - אפור */
    --text-on-accent: #FFFFFF;     /* טקסט על כפתור בצבע מודגש */
    --text-title: #004AAD;

    /* 🔘 צבעי כפתורים והדגשות */
    --btn-primary: #F3A87B;        /* כתום אפרסקי - צבע כפתור ראשי */
    --btn-primary-hover: #d67d53;  /* גוון כהה לכפתור במעבר */
    --btn-secondary: #E95CA1;      /* כפתור משני / פעולה מיוחדת */

    /* 🌈 צבעים נוספים למיתוג / קישוטים */
    --brand-blue: #B8E3EA;         /* תכלת */
    --brand-green: #B9E1BE;        /* ירוק מנטה */
    --brand-purple: #D3B6E2;       /* סגול לילך */
    --brand-pink: #E95CA1;         /* ורוד פוקסיה */

    /* 🌫 הצללות */
    --shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.05);
}

@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;
}