/* =====================================================================
   iOS 26 design tokens — the single source of the --ios26-* variables.
   ---------------------------------------------------------------------
   Moved out of assets/scss/_ios26.scss / app.all.css so a page that does
   not load the full app bundle (AmazingForms respondent page, other lean
   public pages) gets the same surfaces, ink, accent, radii, material and
   motion as the app. head.php loads it BEFORE app.all.css.

   Light values on :root, dark values on body.color-1E202D (the dark theme
   class). Never redefine these tokens in another file — re-tune them here.
   ===================================================================== */
:root {
  /* surfaces */
  --ios26-surface: rgba(255, 255, 255, .62);
  --ios26-surface-strong: rgba(255, 255, 255, .78);
  --ios26-surface-soft: rgba(255, 255, 255, .38);
  --ios26-fill: rgba(17, 24, 39, .05);
  --ios26-fill-hover: rgba(17, 24, 39, .08);
  /* strokes */
  --ios26-edge: rgba(255, 255, 255, .65);
  --ios26-hairline: rgba(17, 24, 39, .08);
  --ios26-hairline-strong: rgba(17, 24, 39, .12);
  /* ink */
  --ios26-text: #1d1d1f;
  --ios26-muted: #6e6e73;
  /* accent — NIZU primary, not Apple blue, so the app stays on brand */
  --ios26-accent: #6690F4;
  --ios26-accent-strong: #4076f2;
  --ios26-accent-ring: rgba(102, 144, 244, .22);
  --ios26-accent-soft: rgba(102, 144, 244, .12);
  /* geometry */
  --ios26-radius-xl: 24px;
  --ios26-radius-lg: 18px;
  --ios26-radius: 14px;
  --ios26-radius-sm: 10px;
  --ios26-pill: 999px;
  /* material */
  --ios26-blur: blur(24px) saturate(170%);
  --ios26-blur-sm: blur(18px) saturate(150%);
  --ios26-inset: inset 0 1px 0 rgba(255, 255, 255, .7);
  --ios26-shadow-1: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 24px rgba(17, 24, 39, .07);
  --ios26-shadow-2: 0 2px 6px rgba(17, 24, 39, .06), 0 18px 44px rgba(17, 24, 39, .13);
  /* motion */
  --ios26-spring: cubic-bezier(.34, 1.32, .5, 1);
  --ios26-ease: cubic-bezier(.2, .8, .2, 1);
}
body.color-1E202D {
  --ios26-surface: rgba(44, 48, 58, .62);
  --ios26-surface-strong: rgba(44, 48, 58, .84);
  --ios26-surface-soft: rgba(255, 255, 255, .04);
  --ios26-fill: rgba(255, 255, 255, .07);
  --ios26-fill-hover: rgba(255, 255, 255, .13);
  --ios26-edge: rgba(255, 255, 255, .10);
  --ios26-hairline: rgba(255, 255, 255, .09);
  --ios26-hairline-strong: rgba(255, 255, 255, .16);
  --ios26-text: #eef0f6;
  --ios26-muted: #aeb4cc;
  --ios26-accent: #5b73e8;
  --ios26-accent-strong: #4a61d8;
  --ios26-accent-ring: rgba(91, 115, 232, .32);
  --ios26-accent-soft: rgba(91, 115, 232, .18);
  --ios26-inset: inset 0 1px 0 rgba(255, 255, 255, .06);
  --ios26-shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 26px rgba(0, 0, 0, .38);
  --ios26-shadow-2: 0 2px 8px rgba(0, 0, 0, .35), 0 20px 48px rgba(0, 0, 0, .5);
}