/* iOS design tokens (dark) — the ONE place to change when Apple updates its design (Vlad 12.10.2026: «1 в 1 з документації»).
   Components in flashcards.css (welcome / sign-in) and flash-game/easy-brand.css (game, sheets) read only these values.

   SOURCE: Apple's official «iOS and iPadOS 27 UI Kit» for Figma (Apple Design Resources, updated 15.09.2026), read out of the
   file itself by a read-only plugin on 12.10.2026 (raw export kept in _backups/2026-10-12_03-57-54_ios27-kit-values/):
   · Variables «Colors» (Light / Dark), «Dimensions» (iPhone), «Kit» (Liquid Glass), «Dynamic Type», «Text Leading».
   · Components: Toolbars/«_Buttons - 44pt», Materials/«Liquid Glass - Regular - Small» (Mode=Dark), Toggles/«Toggle - Switch»,
     Alerts/«Alert» + «_Buttons» (Mode=Dark), Lists/«Row», «_Separator», Sheets/«Grabber» (Mode=Dark), «Sheet - iPhone».
   What CSS cannot reproduce 1:1: Figma's Glass effect (refraction 0.7, depth 30, dispersion 0.2, splay 0.2, light 25 % at 0°).
   We keep its frost (blur 6) and its fills / rims / shadows exactly; the lens refraction is left out.
   Brand: the app accent is Easy НМТ blue #4120f8 (HIG allows an app accent; Apple's own iOS 27 dark blue is #0091FF). */
:root{
  /* — colours (Variables «Colors», Dark) — */
  --ios-label:#fff;                                  /* Labels/Primary */
  --ios-secondary-label:rgba(235,235,245,.7);        /* Labels/Secondary */
  --ios-tertiary-label:rgba(235,235,245,.3);         /* Labels/Tertiary */
  --ios-quaternary-label:rgba(235,235,245,.16);      /* Labels/Quaternary */
  --ios-gray:#8e8e93; --ios-gray2:#636366; --ios-gray3:#48484a; --ios-gray4:#3a3a3c; --ios-gray5:#2c2c2e; --ios-gray6:#1c1c1e;
  --ios-separator:rgba(255,255,255,.08);             /* лінії між рядками тонші — під прозорі блоки (Влад 28.10.2026; у кіті .17) */
  --ios-separator-opaque:#38383a;                    /* Separators/Opaque */
  --ios-fill:rgba(120,120,128,.36);                  /* Fills/Primary */
  --ios-secondary-fill:rgba(120,120,128,.32);        /* Fills/Secondary — grey capsules, alert «Cancel» */
  --ios-tertiary-fill:rgba(118,118,128,.24);         /* Fills/Tertiary */
  --ios-sheet-bg:#131317;                            /* вікна — нічний, не сірий (Влад 28.10.2026; у кіті #1c1c1e) */
  --ios-cell-bg:rgba(255,255,255,.03);               /* блоки — ледь світліший шар + рамка, не сірий (Влад 28.10.2026; у кіті #2c2c2e) */
  --ios-cell-border:rgba(255,255,255,.08);           /* рамка блоку */
  --ios-cell-solid:#1a1a1e;                          /* той самий блок суцільним кольором — де треба «вирізати» (кільце прогресу) */
  --ios-cell-highlight:rgba(255,255,255,.07);        /* натиснутий рядок (у кіті #3a3a3c) */
  --ios-overlay:rgba(0,0,0,.48);                     /* Overlays/Default */
  --ios-vibrant-label:#fff;                          /* symbols on glass — суто білі (Влад 18.10.2026; у кіті #f5f5f5) */
  --ios-accent:#4120f8;                              /* app accent (Easy НМТ) */

  /* — type (Large/Default; family stays the brand's) — */
  --ios-headline:600 17px/22px;  --ios-headline-ls:-.43px;
  --ios-body:400 17px/22px;      --ios-body-ls:-.43px;
  --ios-subhead:400 15px/20px;   --ios-subhead-ls:-.23px;
  --ios-footnote:400 13px/18px;  --ios-footnote-ls:-.08px;

  /* — Liquid Glass, small controls (Materials «Liquid Glass - Regular - Small», Mode=Dark, Active=True) — */
  --ios-glass-size:44px;                             /* Toolbars «_Buttons - 44pt» */
  --ios-glass-fill:rgba(153,153,153,.17);            /* Fill + Shadow: #999999 17 % */
  --ios-glass-frost:blur(6px);                       /* Kit «Liquid Glass/Frost - Regular» = 6 */
  --ios-glass-shadow:0 8px 15px rgba(0,0,0,.04);     /* drop shadow 0 8 15 #000 4 % */
  --ios-glass-rim:0 0 0 .5px rgba(166,166,166,.35);  /* hairline ring #A6A6A6 (linear burn) — approximated as a soft ring */
  --ios-glass-edges:inset 0 10px 10px -10px rgba(255,255,255,.1),inset 0 -10px 10px -10px rgba(255,255,255,.1); /* inner #1A1A1A dodge, top + bottom */
  --ios-glass-icon:20px;                             /* SF symbol 17 pt Medium in a 36 pt box */
  --ios-glass-fill-pressed:rgba(153,153,153,.26);    /* interactive glass shimmer (WWDC25: scales, bounces, shimmers) */
  --ios-press-scale:1.12;
  --ios-spring:cubic-bezier(.34,1.56,.64,1);
  --ios-hit:44px;

  /* — lists (Lists «Row», Dimensions «Margin») — */
  --ios-list-radius:16px;                            /* «квадратність» — як картки (Влад 28.10.2026; у кіті 26) */
  --ios-list-inset:16px;
  --ios-row-min:52px;

  /* — switch (Toggles «Toggle - Switch») — */
  --ios-switch-w:64px; --ios-switch-h:28px;
  --ios-knob-w:38px;   --ios-knob-h:24px;             /* a capsule, not a circle */
  --ios-knob-pressed-w:58px; --ios-knob-pressed-h:38px; /* pressed: the knob becomes a glass lens */
  --ios-switch-off:var(--ios-tertiary-label);         /* track off = Labels/Tertiary */

  /* — sheets (Dimensions «Sheet Top Radius», «Grabber», Sheets «Grabber» Mode=Dark) — */
  --ios-sheet-radius:38px;
  --ios-grabber-w:60px; --ios-grabber-h:4px; --ios-grabber:#333;
  --ios-grabber-top:6px;

  /* — alert (Alerts «Alert» + «_Buttons») — */
  --ios-alert-w:300px; --ios-alert-pad:14px; --ios-alert-radius:34px;
  --ios-alert-button-h:48px; --ios-alert-gap:8px;

  /* — buttons (Buttons «Button - Content Area»: Large 50, Medium 34, Small 28) — */
  --ios-button-h:50px;
}