/* הגדרת משתני צבע ומותג גלובליים */
:root {
    --color-primary: #d15646;      /* צבע לוגו ו-CTA */
    --color-primary-hover: #b84a3d;
    
    --bg-base: #12353b;            /* רקע ראשי */
    --bg-card: #1a444b;            /* רקע משני / קלפים */
    --bg-footer: #0b2428;          /* רקע פוטר ואינפוטים כהים */
    
    --text-main: #ffffff;          /* טקסט ראשי */
    --text-muted: #e1e7e8;         /* טקסט משני/פסקאות */
    
    --font-family: 'Assistant', 'Heebo', sans-serif;
}

/* איפוס בסיסי (Reset) */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    background-color: var(--bg-base);
    color: var(--text-main);
    direction: rtl;
    line-height: 1.6;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

ul {
    list-style: none;
}

/* כפתורים גלובליים */
.btn-primary {
    background-color: var(--color-primary);
    color: #fff;
    padding: 10px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--color-primary-hover);
}

/* קונטיינר מרכזי */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}