/* Momiq — Apple dizayn tizimi (macOS HIG, qorong'i rejim).
   Hamma oynalar (notch, suhbat, sozlamalar) shu tokenlardan foydalanadi. */
:root {
  /* Shrift: tizimning o'zi (SF Pro). Raqamlar uchun SF Pro Rounded, kod uchun SF Mono */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Helvetica Neue", system-ui, sans-serif;
  --font-rounded: ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* Matn ranglari (label, secondaryLabel…; dark) */
  --label: #FFFFFF;
  --label-2: rgba(235, 235, 245, .60);
  --label-3: rgba(235, 235, 245, .30);
  --label-4: rgba(235, 235, 245, .18);
  --sep: rgba(84, 84, 88, .60);
  --sep-o: #38383A;

  /* Fon va to'ldirish (systemGray6…1, fill) */
  --bg: #000000;
  --bg-2: #1C1C1E;
  --bg-3: #2C2C2E;
  --gray6: #1C1C1E;
  --gray5: #2C2C2E;
  --gray4: #3A3A3C;
  --gray3: #48484A;
  --gray2: #636366;
  --gray: #8E8E93;
  --fill: rgba(120, 120, 128, .36);
  --fill-2: rgba(120, 120, 128, .32);
  --fill-3: rgba(118, 118, 128, .24);
  --fill-4: rgba(118, 118, 128, .18);

  /* Tizim ranglari (dark) */
  --blue: #0A84FF;
  --green: #30D158;
  --mint: #63E6E2;
  --teal: #40C8E0;
  --cyan: #64D2FF;
  --indigo: #5E5CE6;
  --purple: #BF5AF2;
  --pink: #FF375F;
  --red: #FF453A;
  --orange: #FF9F0A;
  --yellow: #FFD60A;
  --brown: #AC8E68;
  --accent: var(--blue);

  /* Burchaklar va masofalar (4 ga karrali) */
  --r-xs: 6px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-pill: 999px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px;

  /* Harakat: SwiftUI spring'lari (response, dampingFraction) CSS linear() bilan */
  /* .spring(0.35, 0.86) — 0.6s */
  --spring-snappy: linear(0, 0.0311, 0.1065, 0.2055, 0.3137, 0.4213, 0.5225, 0.6136, 0.6933, 0.7611, 0.8176, 0.8637, 0.9005, 0.9294, 0.9517, 0.9685, 0.9809, 0.9898, 0.996, 1.0001, 1.0027, 1.0042, 1.0049, 1.005, 1.0048, 1.0044, 1.0039, 1.0034, 1.0028, 1.0023, 1.0019, 1.0015, 1.0012, 1.0009, 1.0007, 1.0005, 1.0003, 1.0002, 1.0001, 1.0001, 1);
  /* .spring(0.5, 0.72) — 0.9s, Dynamic Island */
  --spring-bouncy: linear(0, 0.0348, 0.121, 0.2357, 0.3618, 0.4874, 0.6045, 0.7082, 0.7962, 0.8681, 0.9246, 0.9671, 0.9975, 1.0179, 1.0303, 1.0366, 1.0384, 1.0371, 1.0338, 1.0294, 1.0246, 1.0197, 1.0152, 1.0112, 1.0079, 1.0051, 1.0029, 1.0013, 1.0001, 0.9993, 0.9988, 0.9986, 0.9985, 0.9986, 0.9987, 0.9989, 0.9991, 0.9992, 0.9994, 0.9996, 1);
  /* .spring(0.45, 1) — 0.7s */
  --spring-smooth: linear(0, 0.0254, 0.0868, 0.1674, 0.2559, 0.3452, 0.4308, 0.51, 0.5816, 0.6452, 0.7009, 0.7491, 0.7905, 0.8257, 0.8555, 0.8806, 0.9016, 0.9191, 0.9336, 0.9456, 0.9556, 0.9638, 0.9705, 0.976, 0.9805, 0.9842, 0.9872, 0.9896, 0.9916, 0.9932, 0.9945, 0.9956, 0.9965, 0.9971, 0.9977, 0.9982, 0.9985, 0.9988, 0.999, 0.9992, 1);
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --t-snappy: .6s; --t-bouncy: .9s; --t-smooth: .7s; --t-fast: .2s;
}

html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-family: var(--font); letter-spacing: -.08px; }
.num, .tnum { font-variant-numeric: tabular-nums; }
.rounded { font-family: var(--font-rounded); }

/* SF Symbols: tizimdan olingan shablon rasm — rangi currentColor'dan olinadi.
   Belgi yuklanmasa, eski SVG o'z joyida qoladi. */
.sym {
  display: inline-block; flex: none; width: 1em; height: 1em; background: currentColor;
  -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat;
}
.has-sym > svg { display: none !important; }

/* Apple tugmasi bosilganda biroz kichrayadi */
.press:active { transform: scale(.96); transition: transform .1s var(--ease-out); }