/* ─── Cellfie design tokens ───────────────────────────────────────────────── */
:root {
  --c-pink:      #E6007E;
  --c-pink-deep: #BD0066;
  --c-purple:    #6B2D8C;
  --c-red:       #E63946;
  --c-orange:    #F26822;
  --c-ink:       #1A1A2E;
  --c-ink-soft:  rgba(26,26,46,0.62);
  --c-ink-mute:  rgba(26,26,46,0.34);
  --c-line:      rgba(26,26,46,0.08);
  --c-bg:        #FAFAFA;
  --c-surface:   #FFFFFF;
  --c-success:   #00B86B;

  --t-11: 11px; --t-14: 14px; --t-18: 18px;
  --t-24: 24px; --t-32: 32px; --t-48: 48px;
  --t-72: 72px; --t-96: 96px;

  --spring-snappy: cubic-bezier(0.34, 1.56, 0.64, 1);
  --spring-bouncy: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-out:      cubic-bezier(0.25, 0.46, 0.45, 0.94);

  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top:    env(safe-area-inset-top,    0px);
}

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

html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: var(--c-bg);
  color: var(--c-ink);
  font-family: 'Nunito', 'Noto Sans Georgian', sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  overscroll-behavior: none;
}

button { font-family: inherit; cursor: pointer; }

.h-display {
  font-family: 'Outfit', 'Noto Sans Georgian', sans-serif;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
}
.tabular { font-variant-numeric: tabular-nums; }

@keyframes shake {
  10%, 90% { transform: translateX(-1px); }
  20%, 80% { transform: translateX(2px); }
  30%, 50%, 70% { transform: translateX(-4px); }
  40%, 60%      { transform: translateX(4px); }
}
@keyframes stagIn { to { opacity: 1; transform: translateY(0); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.15s !important;
  }
}