/* Shared tokens; existing data-native-theme and storage contracts are retained. */
:root {
  --ui-bg:#f5f6f8; --ui-surface:#fff; --ui-surface-muted:#f8fafc;
  --ui-text:#111827; --ui-muted:#64748b; --ui-border:#cbd5e1; --ui-border-strong:#94a3b8;
  --ui-accent:var(--accent,#2481cc); --ui-on-accent:#fff;
  --ui-action-blue:#2481cc; --ui-action-blue-ink:#fff; --ui-action-halo:rgba(36,129,204,.42);
  --ui-success:#16c76f; --ui-danger:#ef4444; --ui-warning:#fdba74;
  --ui-brand-orange:#f9720a; --ui-brand-green:#6aa72a;
  --ui-danger-surface:#fee2e2; --ui-danger-ink:#dc2626;
  --ui-thumb-surface:#fff; --ui-thumb-border:#d1d5db;
  --ui-card-surface:#fff; --ui-card-border:#dbe3ee; --ui-qty-border:#94a3b8;
  --ui-modal-shadow:0 18px 60px rgba(15,23,42,.25);
  --ui-close-size:32px; --ui-close-glyph:28px; --ui-radius-control:12px; --ui-radius-sheet:18px;
  --ui-thumb-size:52px; --ui-thumb-radius:16px; --ui-thumb-padding:3px;
  --ui-qty-size:42px; --ui-qty-compact-size:30px;
  --ui-card-radius:14px; --ui-card-padding:5px; --ui-card-gap:3px;
  --ui-card-title-height:34px; --ui-control-padding:9px 12px;
  /* 2.0.352 normalized 0..100 liquid-navigation controls; runtime branding may override these. */
  --ui-nav-lens-duration:820ms;
  --ui-nav-refract-start-x:.88; --ui-nav-refract-start-y:1.06;
  --ui-nav-refract-peak-x:1.24; --ui-nav-refract-peak-y:.805;
  --ui-nav-refract-mid-x:1.105; --ui-nav-refract-mid-y:.91;
  --ui-nav-refract-skew-neg:-6deg; --ui-nav-refract-skew-pos:6deg; --ui-nav-refract-skew-mid:-2.25deg;
  --ui-nav-lens-bright-peak:1.15; --ui-nav-lens-bright-mid:1.055;
}
html[data-native-theme="dark"] {
  --ui-bg:#0b162b; --ui-surface:#0f172a; --ui-surface-muted:#1e293b;
  --ui-text:#f8fafc; --ui-muted:#cbd5e1; --ui-border:#94a3b8; --ui-border-strong:#94a3b8;
  --ui-accent:#38bdf8; --ui-on-accent:#082f49;
  --ui-action-blue:#38bdf8; --ui-action-blue-ink:#082f49; --ui-action-halo:rgba(56,189,248,.42);
  --ui-card-surface:#111827; --ui-card-border:#334155;
  --ui-modal-shadow:0 18px 60px rgba(0,0,0,.35);
}