/* ╔══════════════════════════════════════════════════════════════════════╗
   ║  LIQUID GLASS — CONTROL PANEL                                          ║
   ║  Edit these to tune the glass EVERYWHERE (buttons, pills, navs).        ║
   ║  One source of truth — change a value here and every glass surface      ║
   ║  updates together.                                                      ║
   ╚══════════════════════════════════════════════════════════════════════╝ */
:root {
  /* TINT — the colour wash
     (運 v3:wide-bar caveat——白字+馬卡龍圖標壓在亮水晶背景上,
      給 nav 深墨紫 tint + 較重 frost,否則透底不可讀;07 §5 允許的單一旋鈕) */
  --lg-fill:        rgba(255, 255, 255, 0.34);   /* v4:紙上是白玻璃,不是深墨紫 */
  --lg-fill-white:  rgba(255, 255, 255, 0.34);   /* default white-5% glass */
  --lg-fill-orange: rgba(184, 154, 118, 0.20);   /* 暖赭,量自 FateTell #B89A76 */    /* the orange "Vote" variant */

  /* FROST — the blur (split into atoms so each is tunable; --lg-frost composes them) */
  --lg-blur: 20px;   /* frost blur radius(wide-bar:重霜) */
  --lg-sat:  1.3;    /* frost saturation */
  --lg-frost: blur(var(--lg-blur)) saturate(var(--lg-sat));

  /* WIDE-BAR LEGIBILITY — bottom nav only (2026-09-26). Same fill, shine, rim and refraction;
     the bar just averages a wider patch and compresses what shows through, so big dark glyphs
     behind it (mall goods) read as a pale wash instead of a muddy grey band. Paper-light content
     comes out within ~1% of before (0.95 → (0.95-0.5)×0.4+0.5 = 0.68 → ×1.4 = 0.95). */
  --lg-nav-blur: 28px;
  --lg-nav-tone: contrast(0.4) brightness(1.4);

  /* EDGE — hairline rim */
  --lg-rim: 0.51px solid rgba(26, 23, 20, 0.06);  /* 白邊在紙上看不見 → 極輕墨邊 */

  /* SHEEN — broad glossy top-light reflection (0 = off; raise for more gloss) */
  --lg-sheen: 0;

  /* SHINE — 10-layer specular box-shadow: 8 inset gloss/contour layers + 2 outer
     depth drops. This stack IS the visible glossy bevel. */
  --lg-shine:
    inset 0 0 0 0.64px rgba(255, 255, 255, 0.063),
    inset 1.15px 1.92px 0 -1.28px rgba(255, 255, 255, 0.567),
    inset -1.28px -1.28px 0 -1.28px rgba(255, 255, 255, 0.504),
    inset -1.92px -5.12px 0.64px -3.84px rgba(255, 255, 255, 0.378),
    inset -0.19px -0.64px 2.56px 0 rgba(0, 0, 0, 0.076),
    inset -0.96px 1.6px 0 -1.28px rgba(0, 0, 0, 0.126),
    inset 0 1.92px 2.56px -1.28px rgba(0, 0, 0, 0.126),
    inset 1.28px -4.16px 0.64px -2.56px rgba(0, 0, 0, 0.063),
    0 1px 5px 0 rgba(26, 23, 20, 0.02),
    0 6px 16px 0 rgba(26, 23, 20, 0.015);   /* FateTell 量到卡片零陰影 → 壓到幾乎不存在 */
}