/* INTIMA Gate · theme part: tokens (colors, fonts, base reset, keyframes) */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --accent:        #e23b86;   /* ורוד עז – ברירת מחדל, נדרס פר-פרופיל */
  --accent2:       #7b4dff;   /* סגול */
  --accent-ink:    #ffffff;   /* טקסט על כפתור צבעוני */
  --accent-soft:   color-mix(in srgb, var(--accent)  14%, white);
  --accent2-soft:  color-mix(in srgb, var(--accent2) 12%, white);

  --bg:        #f6f3ef;
  --bg-2:      #efe9f3;
  --surface:   #ffffff;
  --surface-2: #f6f2f8;
  --glass-brd: rgba(42,34,48,0.10);

  --ink:       #241f2b;
  --ink-soft:  #5d5568;
  --ink-dim:   #968da3;

  --line:      rgba(42,34,48,0.10);
  --line-2:    rgba(42,34,48,0.16);

  --r-card: 24px;
  --r-btn:  14px;
  --r-icon: 12px;

  --font-d: 'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-b: 'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  --shadow-s: 0 1px 3px rgba(42,34,48,0.08);
  --shadow-m: 0 8px 24px rgba(42,34,48,0.10), 0 2px 6px rgba(42,34,48,0.05);
  --shadow-l: 0 24px 50px -18px rgba(123,77,255,0.28), 0 10px 24px rgba(42,34,48,0.12);

  --spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --smooth: cubic-bezier(0.4, 0, 0.2, 1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  font-family: var(--font-b);
  font-size: 17px;                /* בסיס גדול וקריא */
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  min-height: 100%;
}

body {
  min-height: 100dvh;
  position: relative;
  overflow-x: hidden;
  line-height: 1.6;
  background:
    radial-gradient(120% 70% at 50% 0%, var(--bg-2), transparent 55%),
    var(--bg);
}

img { max-width: 100%; }
a { color: var(--accent); }

:focus-visible { outline: 2.5px solid var(--accent); outline-offset: 2px; border-radius: 6px; }

/* ── כפתורים – מערכת אחידה בניגודיות גבוהה ── */
.btn, .btn-primary, .btn-ghost, .btn-soft {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 24px; border-radius: 50px; border: 1.5px solid transparent;
  font: 600 15px/1 var(--font-b); text-decoration: none; cursor: pointer;
  transition: transform .18s var(--spring), box-shadow .2s, background .2s, border-color .2s;
  white-space: nowrap;
}
.btn-primary { background: linear-gradient(135deg, var(--accent), var(--accent2)); color: var(--accent-ink);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent) 34%, transparent); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 26px color-mix(in srgb, var(--accent) 44%, transparent); }
.btn-ghost { background: var(--surface); color: var(--accent); border-color: color-mix(in srgb, var(--accent) 45%, transparent); }
.btn-ghost:hover { transform: translateY(-2px); background: var(--accent-soft); border-color: var(--accent); }
.btn-soft { background: var(--surface-2); color: var(--ink); border-color: var(--line-2); }
.btn-soft:hover { background: white; border-color: var(--accent); color: var(--accent); }
.btn-primary.full, .btn-ghost.full, .btn-soft.full { display: flex; width: 100%; }

/* keyframes */
@keyframes auroraDrift { 0%{transform:translate3d(0,0,0) scale(1);} 50%{transform:translate3d(2%,-2%,0) scale(1.06);} 100%{transform:translate3d(-2%,1%,0) scale(1.03);} }
@keyframes cardIn { from{opacity:0;transform:translateY(18px);} to{opacity:1;transform:none;} }
@keyframes floatG { 0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(12px,-16px) scale(1.06);} }
@keyframes heroReveal { from{opacity:0;transform:scale(1.06);} to{opacity:1;} }
@keyframes pulse { 0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent);} 50%{box-shadow:0 0 0 5px transparent;} }
@keyframes spin { to{transform:rotate(360deg);} }
@keyframes fadeUp { from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:none;} }
@media (prefers-reduced-motion: reduce){ *{animation:none!important;transition:none!important;} }