{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "liquid-theme",
  "title": "Liquid Theme",
  "description": "Colour, type and glass tokens for the liquid system, plus the .lq-glass / .lq-solid / .lq-squircle layer. Installed automatically with any liquid component.",
  "dependencies": [
    "@fontsource-variable/outfit",
    "@fontsource-variable/dm-sans",
    "@fontsource-variable/jetbrains-mono"
  ],
  "files": [],
  "cssVars": {
    "theme": {
      "--font-display": "'Outfit Variable', ui-sans-serif, system-ui, sans-serif",
      "--font-sans": "'DM Sans Variable', ui-sans-serif, system-ui, sans-serif",
      "--font-mono": "'JetBrains Mono Variable', ui-monospace, monospace",
      "--color-ink": "var(--lq-ink)",
      "--color-paper": "var(--lq-paper)",
      "--color-chalk": "var(--lq-chalk)",
      "--color-flare": "var(--lq-flare)",
      "--color-volt": "var(--lq-volt)",
      "--color-plum": "var(--lq-plum)",
      "--color-rose": "var(--lq-rose)",
      "--color-olive": "var(--lq-olive)",
      "--color-amber": "var(--lq-amber)",
      "--color-slate": "var(--lq-slate)",
      "--blur-glass": "var(--lq-blur)"
    }
  },
  "css": {
    ":root": {
      "--lq-ink": "oklch(0.15 0 0)",
      "--lq-paper": "oklch(0.951 0.005 91)",
      "--lq-chalk": "oklch(1 0 0)",
      "--lq-flare": "oklch(0.665 0.222 36)",
      "--lq-volt": "oklch(0.905 0.164 105)",
      "--lq-plum": "oklch(0.42 0.062 341)",
      "--lq-rose": "oklch(0.7 0.078 27)",
      "--lq-olive": "oklch(0.72 0.09 110)",
      "--lq-amber": "oklch(0.85 0.098 82)",
      "--lq-slate": "oklch(0.68 0.037 245)",
      "--lq-light-angle": "152deg",
      "--lq-blur": "20px",
      "--lq-sat": "1.7",
      "--lq-brightness": "1.06",
      "--lq-tint": "255 255 255",
      "--lq-tint-a": "0.2",
      "--lq-rim-w": "1px",
      "--lq-rim-hi": "0.75",
      "--lq-rim-lo": "0.06",
      "--lq-sheen": "0.26",
      "--lq-cast": "0 22px 50px -22px rgb(0 0 0 / 0.4), 0 4px 14px -6px rgb(0 0 0 / 0.18)",
      "--lq-grain": "0.09"
    },
    ".dark": {
      "--lq-tint": "255 255 255",
      "--lq-tint-a": "0.1",
      "--lq-rim-hi": "0.5",
      "--lq-rim-lo": "0.03",
      "--lq-sheen": "0.1",
      "--lq-brightness": "1",
      "--lq-cast": "0 26px 60px -24px rgb(0 0 0 / 0.75), 0 4px 14px -6px rgb(0 0 0 / 0.4)"
    },
    "@layer base": {
      "[data-lq-numeric]": {
        "font-variant-numeric": "tabular-nums lining-nums",
        "font-feature-settings": "\"tnum\" 1, \"lnum\" 1"
      }
    },
    "@layer components": {
      ".lq-glass": {
        "position": "relative",
        "isolation": "isolate",
        "background-color": "rgb(var(--lq-tint) / var(--lq-tint-a))",
        "backdrop-filter": "blur(var(--lq-blur)) saturate(var(--lq-sat)) brightness(var(--lq-brightness))",
        "-webkit-backdrop-filter": "blur(var(--lq-blur)) saturate(var(--lq-sat)) brightness(var(--lq-brightness))",
        "box-shadow": "var(--lq-cast)",
        "&::before": {
          "content": "\"\"",
          "position": "absolute",
          "inset": "0",
          "border-radius": "inherit",
          "pointer-events": "none",
          "z-index": "-1",
          "background": "linear-gradient(var(--lq-light-angle), rgb(255 255 255 / var(--lq-sheen)) 0%, rgb(255 255 255 / 0) 42%, rgb(255 255 255 / 0) 100%)"
        },
        "&::after": {
          "content": "\"\"",
          "position": "absolute",
          "inset": "0",
          "border-radius": "inherit",
          "pointer-events": "none",
          "padding": "var(--lq-rim-w)",
          "background": "linear-gradient(var(--lq-light-angle), rgb(255 255 255 / var(--lq-rim-hi)) 0%, rgb(255 255 255 / var(--lq-rim-lo)) 45%, rgb(255 255 255 / calc(var(--lq-rim-lo) * 0.5)) 60%, rgb(255 255 255 / calc(var(--lq-rim-hi) * 0.45)) 100%)",
          "mask": "linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",
          "mask-composite": "exclude",
          "-webkit-mask": "linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",
          "-webkit-mask-composite": "xor"
        }
      },
      ".lq-solid": {
        "position": "relative",
        "isolation": "isolate",
        "background-color": "var(--lq-chalk)",
        "box-shadow": "var(--lq-cast)"
      },
      ".dark .lq-solid": {
        "background-color": "oklch(0.22 0 0)"
      },
      ".lq-grain": {
        "position": "absolute",
        "inset": "0",
        "border-radius": "inherit",
        "pointer-events": "none",
        "opacity": "var(--lq-grain)",
        "mix-blend-mode": "overlay",
        "background-image": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E\")"
      },
      ".lq-squircle": {
        "border-radius": "var(--lq-corner, 28px)"
      },
      "@supports (corner-shape: squircle)": {
        ".lq-squircle": {
          "corner-shape": "squircle",
          "border-radius": "calc(var(--lq-corner, 28px) * 1.32)"
        }
      }
    },
    "@layer utilities": {
      ".lq-ease": {
        "transition-timing-function": "cubic-bezier(0.32, 0.72, 0, 1)"
      },
      ".lq-mesh-drift": {
        "animation": "lq-drift 34s ease-in-out infinite alternate"
      }
    },
    "@keyframes lq-drift": {
      "0%": {
        "transform": "translate3d(0, 0, 0) scale(1) rotate(0deg)"
      },
      "50%": {
        "transform": "translate3d(2%, -3%, 0) scale(1.08) rotate(3deg)"
      },
      "100%": {
        "transform": "translate3d(-3%, 2%, 0) scale(1.04) rotate(-2deg)"
      }
    }
  },
  "type": "registry:theme"
}