/* Израиль: the page is the flag, a blue band along the top and another over the player, white between them.
   Light: Tel Aviv's White City, Bauhaus plaster and the flag's blue, cards with one corner rounded like its curved
   balconies. Dark: Jerusalem at night, deep blue and the gold of its limestone under the street lights; the bands
   turn gold. A faint lattice of Stars of David on the page, a small star in the panel's corner, the name in Hebrew
   letters under the logo. Rubik throughout: drawn for Hebrew, with Cyrillic, geometric like the Bauhaus. */
[data-design="israel"] {
  --bg: #f5f6f4;
  --side: #ffffff;
  --card: #ffffff;
  --card-2: #eaf0fb;
  --line: rgb(0 56 184 / 0.13);
  --text: #0c1a3c;
  --muted: #56617d;
  --accent: #0038b8;
  --accent-ink: #ffffff;
  --accent-soft: rgb(0 56 184 / 0.09);
  --danger: #c0262d;
  --shadow: 0 10px 28px rgb(12 26 60 / 0.08);
  --band: #0038b8;
  --star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230038b8' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 17H4zM12 21 4 7h16z'/%3E%3C/svg%3E");
  --lattice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='56' fill='none' stroke='%230038b8' stroke-opacity='0.07' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M32 19 39.8 32.5H24.2zM32 37 24.2 23.5h15.6z'/%3E%3C/svg%3E");
  --balcony: 6px 30px 6px 6px;
  --lv1: #a86f00; --lv2: #0038b8; --lv3: #6a3fc0; --lv4: #56617d; --lv5: #c0262d;
  color-scheme: light;
}
[data-design="israel"][data-theme="dark"] {
  --bg: #0a1430;
  --side: #081026;
  --card: #101c3c;
  --card-2: #172650;
  --line: rgb(224 182 92 / 0.15);
  --text: #f2e8d0;
  --muted: #a99f86;
  --accent: #e0b65c;
  --accent-ink: #1a1305;
  --accent-soft: rgb(224 182 92 / 0.12);
  --danger: #ff7a6e;
  --shadow: 0 14px 34px rgb(0 0 0 / 0.4);
  --band: #d4a94f;
  --star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0b65c' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 17H4zM12 21 4 7h16z'/%3E%3C/svg%3E");
  --lattice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='56' fill='none' stroke='%23e0b65c' stroke-opacity='0.08' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M32 19 39.8 32.5H24.2zM32 37 24.2 23.5h15.6z'/%3E%3C/svg%3E");
  --lv1: #e0b65c; --lv2: #7fb0ff; --lv3: #c3a6ff; --lv4: #a99f86; --lv5: #ff7a6e;
  color-scheme: dark;
}

/* the flag: white, a band, the white field (the page), a band over the player */
[data-design="israel"] body {
  padding-top: 30px;
  background: var(--lattice) 0 0 / 64px 56px, var(--lattice) 32px 28px / 64px 56px, var(--bg);
  font-family: Rubik, system-ui, sans-serif;
}
[data-design="israel"] body::before {
  content: ''; position: fixed; top: 9px; left: 0; right: 0; height: 13px; background: var(--band); pointer-events: none;
}
[data-design="israel"] .bar { border-top: 13px solid var(--band); }
[data-design="israel"] :is(h1, h2, h3, .tile-value) { font-family: Rubik, system-ui, sans-serif; font-weight: 700; letter-spacing: -0.01em; }

/* the side panel: the name in Hebrew letters under the logo, a small star in the corner */
[data-design="israel"] .side { position: relative; border-right-color: var(--line); }
[data-design="israel"] .side::before {
  content: ''; position: absolute; top: 12px; right: 12px; width: 18px; height: 18px; background: var(--star) center / contain no-repeat;
}
[data-design="israel"] .brand { flex-direction: column; align-items: center; gap: 4px; }
[data-design="israel"] .brand::after {
  content: "קאצ'אן רדיו"; direction: rtl; unicode-bidi: isolate; font: 500 15px/1.2 Rubik, sans-serif; color: var(--accent); letter-spacing: 0.03em;
}
[data-design="israel"] .nav a { border-radius: 4px 16px 4px 4px; }
[data-design="israel"] .nav a.on { background: var(--accent); color: var(--accent-ink); }

/* cards: plaster boxes, one corner rounded like a Bauhaus balcony */
[data-design="israel"] :is(.card, .hero, .tile, .faq-item, .pl, .hint, .quick-row, .vote, .design-card, .me, .toast, .menu) {
  border-radius: var(--balcony); border-color: var(--line); box-shadow: var(--shadow);
}
[data-design="israel"] :is(.cover, .thumb, .pl-art) { border-radius: 4px 18px 4px 4px; }
[data-design="israel"] .btn { border-radius: 6px 14px 6px 6px; }
[data-design="israel"] .seg, [data-design="israel"] .seg button { border-radius: 6px 14px 6px 6px; }
[data-design="israel"] .eyebrow { color: var(--accent); }
[data-design="israel"] .row.mine { box-shadow: inset 3px 0 0 var(--accent); }

@media (max-width: 860px) {
  [data-design="israel"] body { padding-top: 26px; }
  [data-design="israel"] body::before { top: 7px; height: 11px; }
  [data-design="israel"] .bar { border-top-width: 11px; }
  [data-design="israel"] .tabs a.on { color: var(--accent); }
}