/* ═══════════════════════════════════════════════════════════════════════════
   ULease · Leasing.co.il — CALM Technology · Ultra Azure Design System
   Gold Master tokens + Ultra Azure unification (מקור: ULease Gold Master +
   Ultra Azure design handoff, 10.7.2026).
   העיקרון: Less Pressure. More Clarity. — פחות לחץ, יותר ודאות.
   הקובץ הזה הוא מקור-האמת לשפת הצבע/צל/רדיוס/תנועה של האתר; עמודים מוסיפים
   עליו, לא סותרים אותו. זהות מותג אחת: Azure. ‏teal שמור ל-Deal Score בלבד.
   הכפתור הראשי: Azure Prime (גרדיאנט azure מלא, טקסט לבן) — CTA אחד לעמוד.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Canvas & crystal */
  --ul-canvas: #ffffff;
  --ul-canvas-soft: #f8fbff;
  --ul-crystal: rgba(255, 255, 255, 0.72);
  --ul-crystal-strong: rgba(255, 255, 255, 0.88);

  /* Azure — the brand hue (הלוגו והכפתור חיים כאן) */
  --ul-azure-50: #eff7ff;
  --ul-azure-100: #dbeeff;
  --ul-azure-200: #b9dcff;
  --ul-azure-300: #93c8ff;
  --ul-azure-400: #60a5fa;
  --ul-azure-500: #3b82f6;
  --ul-azure-600: #2563eb;
  --ul-azure-800: #1e40af; /* Ultra Azure: טקסט כחול נגיש על רקע בהיר */

  /* Teal — secondary accent (Deal Score, success moments) */
  --ul-teal-400: #2dd4bf;
  --ul-teal-500: #14b8a6;
  --ul-teal-600: #0d9488;

  /* Slate — typography */
  --ul-slate-900: #0f172a;
  --ul-slate-800: #1e293b;
  --ul-slate-600: #475569;
  --ul-slate-500: #64748b;
  --ul-slate-300: #cbd5e1;
  --ul-slate-200: #e2e8f0;
  --ul-slate-100: #f1f5f9;

  /* Semantic */
  --ul-success: #16a34a;
  --ul-warning: #f59e0b;
  --ul-danger: #dc2626;

  /* Gradients — prime = ה-CTA הראשי (Ultra Azure); action = הקריסטל (משני) */
  --ul-gradient-calm: linear-gradient(180deg, #ffffff 0%, #f8fbff 48%, #eaf5ff 100%);
  --ul-gradient-action: linear-gradient(180deg, #ffffff 0%, #eaf5ff 45%, #93c8ff 100%);
  --ul-gradient-prime: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  /* Ultra Azure: זהות אחת — סוף ה-teal הוסר מגרדיאנט המותג */
  --ul-gradient-brand: linear-gradient(135deg, #1e3a8a 0%, #2563eb 55%, #60a5fa 100%);
  --ul-gradient-logo: linear-gradient(135deg, #2563eb 0%, #3b82f6 55%, #60a5fa 100%);
  --ul-hairline: linear-gradient(90deg, transparent, #93c8ff 30%, #93c8ff 70%, transparent);

  /* Shadows / radius / motion */
  --ul-shadow-soft: 0 12px 34px -18px rgba(15, 23, 42, 0.18);
  --ul-shadow-card: 0 20px 54px -28px rgba(37, 99, 235, 0.22);
  --ul-shadow-glow: 0 18px 48px -24px rgba(96, 165, 250, 0.55);
  --ul-shadow-focus: 0 0 0 4px rgba(96, 165, 250, 0.20);

  --ul-radius-xs: 8px;
  --ul-radius-sm: 14px;
  --ul-radius-md: 22px;
  --ul-radius-lg: 32px;
  --ul-radius-pill: 999px;

  /* אוויר אדפטיבי — הסימטריה נשמרת 360px→4K בלי media queries פר-רכיב */
  --ul-air-1: clamp(12px, 1.2vw, 20px);
  --ul-air-2: clamp(20px, 2.4vw, 40px);
  --ul-air-3: clamp(36px, 4.5vw, 80px);
  --ul-air-4: clamp(64px, 8vw, 140px);

  --ul-ease: cubic-bezier(.2, .8, .2, 1);
  --ul-duration-fast: 160ms;
  --ul-duration-base: 260ms;
  --ul-duration-slow: 520ms;
}

/* ── טיפוגרפיה — Assistant לעברית/גוף, Nunito ללטינית/מספרים/wordmark ── */
body { font-family: 'Assistant', system-ui, sans-serif; }
.ul-latin, .ul-wordmark, .ul-numeric { font-family: 'Nunito', system-ui, sans-serif; direction: ltr; }

/* Calm canvas — white with two barely-there crystal glows. Sits UNDER any page
   aura layer (the Ambient OS background is a separate fixed element). */
body {
  background:
    radial-gradient(circle at 18% 0%, rgba(96, 165, 250, .14), transparent 32rem),
    radial-gradient(circle at 82% 8%, rgba(147, 200, 255, .12), transparent 34rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

/* ── CalmCard ── */
.ul-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--ul-radius-lg);
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(226, 232, 240, .78);
  box-shadow: var(--ul-shadow-card);
  transition: transform var(--ul-duration-base) var(--ul-ease), box-shadow var(--ul-duration-base) var(--ul-ease);
}
.ul-card:hover { transform: translateY(-2px); box-shadow: 0 26px 68px -34px rgba(37, 99, 235, .34); }

/* ── Azure Prime — ה-CTA הראשי (Ultra Azure): גרדיאנט azure מלא, טקסט לבן.
      כלל: CTA ראשי אחד לעמוד. ── */
.ul-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 50px;
  padding: 0 30px;
  border-radius: var(--ul-radius-pill);
  border: 0;
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  background: var(--ul-gradient-prime);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset,
              0 14px 34px -14px rgba(37, 99, 235, .65),
              0 0 0 1px #1d4ed8;
  cursor: pointer;
  text-decoration: none;
  transition: transform var(--ul-duration-base) var(--ul-ease),
              box-shadow var(--ul-duration-base) var(--ul-ease);
}
.ul-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset,
              0 20px 44px -16px rgba(37, 99, 235, .8), 0 0 0 1px #1d4ed8;
}
.ul-button:focus-visible { outline: none; box-shadow: var(--ul-shadow-focus), 0 0 0 1px #1d4ed8; }

/* ── Crystal Ring — המשני: הקריסטל הקיים בתפקידו החדש ── */
.ul-button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 48px;
  padding: 0 28px;
  border-radius: var(--ul-radius-pill);
  font-weight: 700;
  font-size: 14.5px;
  color: var(--ul-azure-800);
  background: linear-gradient(180deg, #ffffff, #eff7ff);
  border: 1.5px solid var(--ul-azure-300);
  box-shadow: 0 0 0 4px rgba(96, 165, 250, .12);
  cursor: pointer;
  text-decoration: none;
  transition: transform var(--ul-duration-base) var(--ul-ease),
              box-shadow var(--ul-duration-base) var(--ul-ease);
}
.ul-button-secondary:hover { transform: translateY(-2px); box-shadow: 0 0 0 6px rgba(96, 165, 250, .22); }

/* ── Ghost Line — השלישוני ── */
.ul-button-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border-radius: var(--ul-radius-pill);
  font-weight: 700;
  font-size: 14px;
  color: var(--ul-slate-600);
  background: transparent;
  border: 1px solid var(--ul-slate-200);
  cursor: pointer;
  text-decoration: none;
  transition: border-color var(--ul-duration-base), color var(--ul-duration-base);
}
.ul-button-ghost:hover { border-color: var(--ul-azure-300); color: var(--ul-azure-800); }

/* ── קו מפריד אחיד — hairline תכלת בכל האתר ── */
.ul-hairline { height: 1px; border: 0; background: var(--ul-hairline); }

/* ── CalmInput ── */
.ul-input {
  width: 100%;
  min-height: 52px;
  padding: 0 1rem;
  border-radius: var(--ul-radius-md); /* Ultra Azure: על הסולם — לא 24px */
  color: var(--ul-slate-800);
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(226, 232, 240, .9);
  box-shadow: 0 8px 24px -20px rgba(15, 23, 42, .18);
}
.ul-input:focus-visible { outline: none; border-color: var(--ul-azure-300); box-shadow: var(--ul-shadow-focus); }

/* ── CalmChip — זמינות עסקאות, סטטוסים ── */
.ul-chip {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  border-radius: var(--ul-radius-pill);
  padding: .28rem .7rem;
  font-size: .75rem;
  font-weight: 800;
  background: var(--ul-azure-50);
  color: var(--ul-azure-600);
  border: 1px solid var(--ul-azure-100);
}
.ul-chip-muted { background: var(--ul-slate-100); color: var(--ul-slate-500); border-color: var(--ul-slate-200); }

/* Accessibility: calm ≠ static-jarring. Motion collapses gracefully. */
@media (prefers-reduced-motion: reduce) {
  .ul-card, .ul-button, .ul-button-secondary, .ul-button-ghost { transition: none; }
  .ul-card:hover, .ul-button:hover, .ul-button-secondary:hover { transform: none; }
}