{
  "$schema": "app-4 tokens v1 — every measurable value in App 4, in pt (1pt = 1px on the 393x852 web device)",
  "device": { "width": 393, "height": 852, "radius": 55, "statusBar": 54, "island": { "w": 126, "h": 37, "top": 11 }, "homeIndicator": { "w": 139, "h": 5, "bottom": 8 }, "webScale": 0.7812 },
  "motion": { "spring": "cubic-bezier(.34,1.28,.64,1)", "duration": "0.42s", "swiftUI": ".spring(response: 0.32, dampingFraction: 0.82)", "reduceMotion": "class .rm disables all transitions" },
  "accessibility": { "minTouch": 44, "reduceTransparency": "class .rt → opaque fallback fills", "reduceMotion": "class .rm" },

  "01_liquidglasstabbars": {
    "glass": { "background": "linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045))", "backdrop": "blur(22px) saturate(1.8)", "shadow": "inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 1px rgba(255,255,255,.08), 0 8px 18px var(--lq-shadow)" },
    "themes": {
      "classic": { "tint": "#3394FF", "inactive": "rgba(255,255,255,.62)", "fallbackFill": "#1F2126", "fallbackBorder": "rgba(255,255,255,.12)", "shadow": "rgba(0,0,0,.14)" },
      "violet": { "tint": "#C287FF", "inactive": "rgba(255,255,255,.58)", "fallbackFill": "rgba(26,18,41,.96)", "fallbackBorder": "rgba(209,176,255,.24)", "shadow": "rgba(175,82,222,.18)" },
      "ocean": { "tint": "#47D1FF", "inactive": "rgba(255,255,255,.60)", "fallbackFill": "rgba(10,26,38,.96)", "fallbackBorder": "rgba(50,173,230,.22)", "shadow": "rgba(50,173,230,.14)" },
      "neutral": { "tint": "#FFFFFF", "inactive": "rgba(235,235,245,.60)", "fallbackFill": "#1C1C1E", "fallbackBorder": "rgba(255,255,255,.10)", "shadow": "rgba(0,0,0,.12)" }
    },
    "themeDefaults": { "selectedFillOpacity": 0.18, "selectedBorderOpacity": 0.48, "shadowRadius": 18, "itemSpacing": 8 },
    "system": { "height": 62, "radius": 31, "padding": 4, "icon": 23, "label": "10/600", "lens": "rgba(255,255,255,.12)" },
    "floating": { "height": 60, "radius": 30, "padding": 6, "gap": 2, "pill": 48, "icon": 21, "label": "11/600 (selected only)" },
    "morphing": { "height": 60, "minWidth": 48, "gap": 8, "padX": 14, "padXSelected": 16, "icon": 20, "label": "15/600", "iconLabelGap": 7 },
    "placement": { "left": 16, "right": 16, "bottom": 22 },
    "backgrounds": { "classic": "#111214", "graphite": "linear-gradient(180deg,#0E0E0F,#212125 50%,#060608)" }
  },

  "02_uniontabview": { "bar": { "height": 70, "radius": 35, "padding": 5 }, "lens": { "fill": "rgba(255,255,255,.10)", "pressScale": 1.12 }, "tint": "#0A84FF", "badge": { "fill": "#FF3B30", "size": 17, "ring": 2 }, "avatar": "linear-gradient(135deg,#FF6B4A,#E0364F)", "pill": "linear-gradient(180deg,#3B9BFF,#0A6CFF)", "placement": { "left": 20, "right": 20, "bottom": 24 } },

  "03_fabbar": { "padding": 21, "bar": { "height": 64, "radius": 32, "padding": 4, "fill": "rgba(255,255,255,.72)", "backdrop": "blur(24px) saturate(1.8)", "shadow": "0 8px 28px rgba(0,0,0,.10)" }, "lens": { "fill": "rgba(118,118,128,.14)", "pressScale": 1.14 }, "fab": { "size": 64, "gap": 10, "icon": 26, "pressScale": 0.9 }, "tints": ["#0A84FF", "#FF375F", "#30D158", "#FF9F0A"], "hiddenOffset": 120 },

  "04_square": {
    "glassSettings": { "quality": { "colour": 100, "frost": 2, "edgeDepth": 24, "bend": 38, "edgeLight": 55 }, "balanced": { "colour": 100, "frost": 2, "edgeDepth": 16, "bend": 22, "edgeLight": 45 }, "fastest": { "colour": 100, "frost": 0, "edgeDepth": 0, "bend": 0, "edgeLight": 30 } },
    "cssVars": ["--colour", "--frost", "--depth", "--bend", "--elight", "--g"],
    "tabs": { "height": 58, "bottom": 58, "count": 5, "labels": ["Home", "New", "Radio", "Library", "Search"] },
    "mini": { "height": 55, "bottom": 130 },
    "player": { "topBtn": 41, "chip": [146, 35], "nowPlaying": 61, "ring": 39, "progress": 5, "transport": [36, 58, 73, 58, 36], "paneSwitcher": [254, 41] },
    "album": { "bg": "#57514b", "hero": 392, "row": 66 }, "artist": { "bg": "#2b2b2b", "portrait": 440, "row": 71, "playing": "#9CF0B0" }
  },

  "05_expo_glass_tabs": { "expanded": [357, 72], "minimized": [250, 52], "theme": { "activeTint": "#FFFFFF", "inactiveTint": "#9E9EA6", "highlight": "rgba(255,255,255,0.14)", "glassTint": "rgba(10,10,12,0.55)", "solidFallback": "rgba(18,18,20,0.94)" }, "label": "12/600", "spring": "cubic-bezier(.22,1,.36,1) .5s", "progressiveBlur": 150 },

  "06_backdrop": { "tabs": { "height": 64, "padding": 4, "effects": "vibrancy(); blur(8.dp); lens(24.dp, 24.dp)", "container": { "light": "#FAFAFA@40%", "dark": "#121212@40%" }, "accent": { "light": "#0088FF", "dark": "#0091FF" }, "indicatorPressScale": 1.39, "contentPressScale": 1.2, "rubberBand": 4 }, "webGlass": "rgba(250,250,250,.4) + blur(8px) saturate(1.5)" },

  "07_figma_liquid_glass": {
    "source": "https://www.figma.com/community/file/1514186232748375562/ios-26-liquid-glass-effect",
    "layers": ["effect (backdrop blur+saturate+brightness[+refraction])", "tint (fill)", "shine (inner highlights)", "rim (1px gradient stroke)", "content"],
    "cssVars": { "--lg-blur": "px", "--lg-sat": "number", "--lg-bright": "number", "--lg-tint": "color", "--lg-shine": "0-1", "--lg-rim": "0-1", "--lg-angle": "deg", "--lg-shadow": "0-1", "--lg-accent": "color", "--lg-radius": "px|999px", "--lg-fg": "color", "--lg-fg-2": "color", "--lg-lens": "color", "--lg-solid": "color" },
    "presets": {
      "regular": { "blur": 10, "sat": 1.5, "bright": 1.05, "tint": 0.28, "shine": 0.75, "rim": 0.6, "shadow": 0.25 },
      "clear": { "blur": 2, "sat": 1.8, "bright": 1.08, "tint": 0.05, "shine": 0.9, "rim": 0.75, "shadow": 0.2 },
      "tinted": { "blur": 10, "sat": 1.5, "bright": 1.05, "tint": 0.48, "shine": 0.75, "rim": 0.6, "shadow": 0.25, "tintColor": "accent" },
      "frosted": { "blur": 24, "sat": 1.3, "bright": 1.1, "tint": 0.36, "shine": 0.6, "rim": 0.5, "shadow": 0.2 }
    },
    "tones": { "dark": { "tintRGB": "26,32,28", "fg": "#FFFFFF", "fg2": "rgba(255,255,255,.7)", "solid": "rgb(44,48,45)" }, "light": { "tintRGB": "255,255,255", "fg": "#111111", "fg2": "rgba(0,0,0,.58)", "solid": "#F2F2F4" } },
    "accents": ["#0A84FF", "#30D158", "#FF9F0A", "#BF5AF2"],
    "refraction": { "off": null, "soft": { "baseFrequency": "0.009 0.012", "scale": 14 }, "strong": { "baseFrequency": "0.006 0.009", "scale": 38 }, "support": "Chromium only (backdrop-filter:url(#svg)); others fall back to blur" },
    "shine": "inset 1.5px 1.5px 1px -1px rgba(255,255,255,shine), inset -1px -1px 1px -.5px rgba(255,255,255,shine*.55), inset 0 0 14px rgba(255,255,255,shine*.18)",
    "rim": "linear-gradient(135deg, a*1, a*.12 38%, a*.06 62%, a*.7) masked to a 1px ring",
    "shadow": "0 6px 22px rgba(0,0,0,shadow)",
    "interactive": { "pressScale": 1.05, "pressShine": 1, "pressBright": 1.18 },
    "components": {
      "button": { "height": 56, "padL": 9, "padR": 26, "disc": 38, "gap": 14, "font": "19/600", "prominentTint": "accent 72%" },
      "iconButton": { "size": 44, "icon": 20, "variants": [40, 56, 62, 88] },
      "search": { "height": 48, "padX": 16, "icon": 18, "font": 17 },
      "segmented": { "height": 40, "padding": 3, "font": "14/600", "lens": "--lg-lens + inner highlights" },
      "card": { "radius": 28, "padX": 16, "row": 54, "rowIcon": [30, 8], "separator": "0.5px --lg-sep" },
      "toggle": { "track": [64, 28], "thumb": [38, 24], "on": "#34C759", "pressScale": 1.35, "pressGlass": true },
      "slider": { "track": 6, "thumb": [38, 24], "thin": { "track": 5, "active": 9, "noThumb": true } },
      "tabBar": { "height": 62, "padding": 4, "icon": 23, "label": "10/600", "searchCircle": 62, "gap": 10, "placement": { "left": 16, "right": 16, "bottom": 22 } },
      "menu": { "radius": 22, "padding": 6, "row": 44, "rowRadius": 14, "minWidth": 230 },
      "toast": { "height": 40, "top": 60, "padX": 18 },
      "notification": { "radius": 24, "icon": [38, 9] },
      "widget": { "radius": 24, "height": 170, "gap": 13 },
      "appIcon": { "size": 62, "radius": 16 },
      "dock": { "height": 92, "radius": 36, "inset": 14, "bottom": 18 },
      "nowPlaying": { "radius": 34, "inset": 16, "bottom": 34, "pad": 22, "transport": 64 }
    }
  }
}