/* Design tokens — Liquid Glass / NavPlanner (day + night) */

/* Shared structure */
:root {
  --font-display: 'Rubik', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body: 'Rubik', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --text-caption: 12px;
  --text-body: 14px;
  --text-title: 20px;
  --text-hero: 24px;
  --touch-min: 44px;
  --dock-offset: 14px;
  --layout-bottom: 22px;
  --glass-blur: 32px;
  --glass-blur-lite: 18px;
  --radius-sheet: 24px;
  --radius-card: 20px;
  --duration-fast: 0.18s;
  --duration-normal: 0.32s;
  --duration-slow: 0.48s;
  --z-dock: 920;
  --z-preview: 800;
  --z-measure: 860;
  --z-manager-live: 1180;
  --z-modal: 5000;
}

/* ── יום — זכוכית בהירה, מפה חיה ── */
body[data-theme="day"] {
  --glass-fill: rgba(255, 255, 255, 0.78);
  --glass-fill-elevated: rgba(255, 255, 255, 0.92);
  --glass-stroke: rgba(22, 42, 34, 0.10);
  --glass-stroke-bright: rgba(92, 184, 138, 0.45);
  --glass-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.35) 42%, transparent 100%);
  --glass-shadow: 0 22px 60px rgba(22, 42, 34, 0.12), 0 4px 16px rgba(22, 42, 34, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  --glass-glow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}

/* ── לילה — זכוכית כהה, שטח ── */
body[data-theme="night"] {
  --glass-fill: rgba(18, 26, 22, 0.78);
  --glass-fill-elevated: rgba(24, 34, 28, 0.88);
  --glass-stroke: rgba(237, 244, 239, 0.12);
  --glass-stroke-bright: rgba(212, 168, 85, 0.32);
  --glass-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, transparent 48%);
  --glass-shadow: 0 28px 80px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --glass-glow: 0 0 24px rgba(126, 200, 154, 0.08);
}

/* iOS — זכוכית אטומה בלי blur (מונע תקיעות ב-Safari) */
html.is-ios {
  --glass-blur: 0px;
  --glass-blur-lite: 0px;
}
html.is-ios body[data-theme="day"] {
  --glass-fill: rgba(255, 255, 255, 0.94);
  --glass-fill-elevated: rgba(255, 255, 255, 0.97);
}
html.is-ios body[data-theme="night"] {
  --glass-fill: rgba(18, 26, 22, 0.94);
  --glass-fill-elevated: rgba(24, 34, 28, 0.96);
}

@media (max-width: 1024px) {
  :root {
    --text-body: 15px;
    --text-title: 22px;
    --text-hero: 26px;
    --text-caption: 13px;
    --dock-offset: calc(72px + 12px + env(safe-area-inset-bottom, 0px));
    --layout-bottom: calc(var(--dock-offset) + 14px);
    --glass-blur: 18px;
    --glass-blur-lite: 10px;
  }
  body[data-mode="measure"] :root,
  body[data-mode="measure"] {
    --layout-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  }
  body[data-mode="nav"] {
    --layout-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
  }
}