/* בסיס: צבעי המותג (נלקחו מהתמונות והלוגו), טיפוגרפיה, כפתורים, כותרת עליונה ותחתונה, עמודים משפטיים */
:root {
  --night: #0e1d36;     /* שמי הערב */
  --night-2: #1a2f52;
  --cream: #f6f0e6;     /* רקע הלוגו וקירות החדרים */
  --sand: #e8dfcf;      /* אבן טרוורטין */
  --oak: #b88a57;       /* עץ אלון */
  --gold: #c9a45f;      /* זהב הלוגו */
  --gold-text: #7a5c28; /* זהב כהה לטקסט על רקע בהיר */
  --sage: #8fb5a5;      /* ארונות המטבחון */
  --sage-deep: #3f6657;
  --ink: #1d2127;
  --serif: "David", "Times New Roman", serif;
  --sans: "Segoe UI", "Arial", sans-serif;
}
* { box-sizing: border-box; margin: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--sans); font-size: 1.125rem; line-height: 1.75; color: var(--ink); background: var(--cream); }
img { display: block; max-width: 100%; }
h1, h2, h3 { font-family: var(--serif); font-weight: 400; line-height: 1.15; }
a:focus-visible, .btn:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }

.skip-link { position: absolute; top: -4rem; inset-inline-start: 1rem; z-index: 10; padding: .75rem 1rem; background: #fff; color: var(--night); font-weight: 700; }
.skip-link:focus { top: 1rem; }

.site-header { display: flex; justify-content: center; padding: .75rem clamp(1rem, 5vw, 4rem); color: var(--night); background: var(--cream); }
.site-header nav { display: flex; flex-wrap: wrap; gap: .25rem; }
.site-header nav a { color: inherit; text-decoration: none; font-size: 1rem; padding: .6rem .8rem; }
.site-header nav a:hover { text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--gold); }

.actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.btn { display: inline-flex; align-items: center; min-height: 48px; padding: .6rem 1.7rem; border-radius: .3rem; font-weight: 700; text-decoration: none; border: 2px solid transparent; }
.btn-primary { background: var(--gold); color: var(--night); }
.btn-primary:hover { background: #d8b673; }
.btn-ghost { border-color: #fff; color: #fff; }
.btn-ghost:hover { background: rgba(255,255,255,.14); }
.btn-outline { border-color: var(--night); color: var(--night); }
.btn-outline:hover { background: rgba(14,29,54,.07); }

.site-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding: 2rem clamp(1rem, 5vw, 4rem); background: var(--night); color: var(--cream); font-size: 1rem; }
.site-footer img { width: 56px; height: 56px; }
.site-footer .foot-brand { display: flex; align-items: center; gap: 1rem; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; }
.site-footer a { color: inherit; padding: .5rem 0; }

/* עמודים משפטיים */
.legal { max-width: 46rem; margin: 0 auto; padding: 3rem clamp(1rem, 5vw, 2rem) 5rem; }
.legal h1 { font-size: 2.5rem; color: var(--night); margin-bottom: .5rem; }
.legal h2 { font-size: 1.5rem; color: var(--gold-text); margin: 2rem 0 .5rem; }
.legal .meta, .legal .back { color: var(--sage-deep); font-size: 1rem; }
.legal .draft { margin: 1.25rem 0; padding: .75rem 1rem; background: var(--sand); border-inline-start: 4px solid var(--gold); font-size: 1rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }