/* ייבוא פונטים */
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Caveat:wght@600;700&family=Heebo:wght@400;500;700&display=swap');

:root {
    --color-bg: #F9F5EB;
    --color-navy: #1C3F5A;
    --color-pink: #DE3163;
    --color-sun: #E89F4C;
}

body {
    background-color: var(--color-bg);
    color: var(--color-navy);
    font-family: 'Heebo', sans-serif;
    -webkit-font-smoothing: antialiased;
}

.font-amatic {
    font-family: 'Amatic SC', cursive;
}

.font-caveat {
    font-family: 'Caveat', cursive;
}

.text-navy {
    color: var(--color-navy);
}

#menu-wrapper {
    transition: opacity 0.3s ease-in-out;
}

/* קלאס ייעודי למקומות שמיועדים לתמונה */
.image-placeholder {
    border: 2px dashed rgba(28, 63, 90, 0.4);
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 12px;
    color: var(--color-navy);
    font-weight: 500;
}