/* ===== dafna — shared foundation ===== */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');

:root{
  --bg:#F4F0E9;          /* warm off-white */
  --beige:#E5DAC8;       /* warm beige */
  --beige-deep:#D9CCB6;  /* deeper sand */
  --sand:#C9B79C;        /* accent sand */
  --grey:#E6E4DF;        /* light grey */
  --ink:#1B1917;         /* text black */
  --muted:#78726A;       /* soft grey text */
  --line:rgba(27,25,23,.14);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Assistant',system-ui,sans-serif;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ===== floating option switcher ===== */
.switcher{
  position:fixed;top:22px;left:50%;transform:translateX(-50%);
  z-index:50;display:flex;align-items:center;gap:4px;
  padding:7px 10px;border-radius:100px;
  background:rgba(244,240,233,.72);backdrop-filter:blur(14px);
  border:1px solid rgba(27,25,23,.09);
  box-shadow:0 2px 20px rgba(27,25,23,.06);
  font-size:13px;font-weight:600;direction:ltr;
}
.switcher a{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;color:var(--muted);
  transition:.25s ease;
}
.switcher a:hover{color:var(--ink);background:rgba(27,25,23,.06)}
.switcher a.on{background:var(--ink);color:var(--bg)}
.switcher .lbl{padding:0 10px 0 6px;color:var(--muted);font-weight:500;letter-spacing:.02em;font-size:12px}

@media(max-width:640px){
  .switcher{top:12px;padding:5px 7px}
  .switcher a{width:26px;height:26px;font-size:12px}
  .switcher .lbl{display:none}
}