{
  "recipe": "c.circles.spotlight.navyGold",
  "title": "Interlocking Circles + Spotlight Glow",
  "family": "Combination",
  "style": "Geometric",
  "palette": "Midnight Navy",
  "tone": "dark",
  "live": false,
  "class": "sk-c-circles-spotlight-navyGold",
  "css": "/* StudioKing: Interlocking Circles + Spotlight Glow in Midnight Navy. Recipe c.circles.spotlight.navyGold. https://studioking.ai/#p=c.circles.spotlight.navyGold */\n.sk-c-circles-spotlight-navyGold {\n  background-color: #0b1224;\n  background-image:\n    url(\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'88'%20height%3D'88'%20viewBox%3D'0%200%2088%2088'%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'44'%20fill%3D'none'%20stroke%3D'%23c6a15b'%20stroke-opacity%3D'0.5'%20stroke-width%3D'1.1'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'44'%20r%3D'44'%20fill%3D'none'%20stroke%3D'%23c6a15b'%20stroke-opacity%3D'0.5'%20stroke-width%3D'1.1'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'88'%20r%3D'44'%20fill%3D'none'%20stroke%3D'%23c6a15b'%20stroke-opacity%3D'0.5'%20stroke-width%3D'1.1'%2F%3E%3Ccircle%20cx%3D'44'%20cy%3D'0'%20r%3D'44'%20fill%3D'none'%20stroke%3D'%23c6a15b'%20stroke-opacity%3D'0.5'%20stroke-width%3D'1.1'%2F%3E%3Ccircle%20cx%3D'44'%20cy%3D'44'%20r%3D'44'%20fill%3D'none'%20stroke%3D'%23c6a15b'%20stroke-opacity%3D'0.5'%20stroke-width%3D'1.1'%2F%3E%3Ccircle%20cx%3D'44'%20cy%3D'88'%20r%3D'44'%20fill%3D'none'%20stroke%3D'%23c6a15b'%20stroke-opacity%3D'0.5'%20stroke-width%3D'1.1'%2F%3E%3Ccircle%20cx%3D'88'%20cy%3D'0'%20r%3D'44'%20fill%3D'none'%20stroke%3D'%23c6a15b'%20stroke-opacity%3D'0.5'%20stroke-width%3D'1.1'%2F%3E%3Ccircle%20cx%3D'88'%20cy%3D'44'%20r%3D'44'%20fill%3D'none'%20stroke%3D'%23c6a15b'%20stroke-opacity%3D'0.5'%20stroke-width%3D'1.1'%2F%3E%3Ccircle%20cx%3D'88'%20cy%3D'88'%20r%3D'44'%20fill%3D'none'%20stroke%3D'%23c6a15b'%20stroke-opacity%3D'0.5'%20stroke-width%3D'1.1'%2F%3E%3C%2Fsvg%3E\"),\n    radial-gradient(60% 55% at 50% 30%, rgba(198,161,91,0.20), transparent 72%),\n    radial-gradient(125% 125% at 50% 0%, #16223f 0%, #0b1224 62%);\n  background-size:\n    88px 88px,\n    100% 100%,\n    100% 100%;\n  background-position:\n    0 0,\n    0 0,\n    0 0;\n  background-repeat:\n    repeat,\n    no-repeat,\n    no-repeat;\n}",
  "tokens": {
    "base": "#0b1224",
    "text": "#ffffff",
    "textMuted": "#ffffffb8",
    "accent": "#c6a15b",
    "accent2": "#e7cf9a",
    "onAccent": "#0a0a0a",
    "border": "#c6a15b3d",
    "glass": "rgba(255,255,255,0.06)",
    "glassBorder": "rgba(255,255,255,0.14)",
    "ratio": 18.65
  },
  "links": {
    "css": "https://studioking.ai/api/bg/c.circles.spotlight.navyGold.css",
    "js": "https://studioking.ai/api/bg/c.circles.spotlight.navyGold.js",
    "app": "https://studioking.ai/#p=c.circles.spotlight.navyGold"
  }
}