{"version":"1.0","type":"rich","title":"Generated by SassMeister.com.","description":"SassMeister demonstrates how Sass variables and CSS custom properties interact across theme layers. The input.scss file defines a `$color` variable defaulting to `var(--c-primary)`, then overrides it with a red value in `:root` before applying it to an `input` background. A second vertical-theme block reuses `$color` but relies on the earlier `$input-token` default, while the markup.html sets `--c-primary` to blue via inline styles. The Dart Sass compiler outputs expanded CSS where the focus state’s box-shadow references the token, showing how variable scope and defaults resolve across separate theme files.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-edfce4310e29cd1d75c2e54afc3fe29c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}