vanilla-breeze 0.1.3 → 0.2.0

package/dist/cdn/themes/claymorphism-dark.tokens.json

@@ -0,0 +1,493 @@
+{
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.01,
+          280
+        ]
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.01,
+          280
+        ]
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.01,
+          280
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.01,
+          280
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.18,
+          0.01,
+          280
+        ]
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.92,
+          0.008,
+          280
+        ]
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.008,
+          280
+        ]
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.008,
+          280
+        ]
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.18,
+          350
+        ]
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.2,
+          350
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.28,
+          0.04,
+          350
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.12,
+          240
+        ]
+      }
+    },
+    "accent-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.13,
+          240
+        ]
+      }
+    },
+    "accent-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.28,
+          0.03,
+          240
+        ]
+      }
+    },
+    "surface-overlay": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.26,
+          0.015,
+          280
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.3,
+          0.01,
+          280
+        ]
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.27,
+          0.01,
+          280
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.4,
+          0.01,
+          280
+        ]
+      }
+    },
+    "hover-bg": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.26,
+          0.025,
+          350
+        ]
+      }
+    },
+    "hover-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary-hover)"
+        }
+      }
+    },
+    "active-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary)"
+        }
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.12,
+          155
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.82,
+          0.12,
+          85
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.62,
+          0.18,
+          20
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.12,
+          240
+        ]
+      }
+    }
+  },
+  "effect": {
+    "shadow": {
+      "xs": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "4px 4px 8px var(--_clay-shadow-dark),\n    -2px -2px 4px var(--_clay-shadow-light),\n    inset 0 -2px 4px var(--_clay-shadow-dark),\n    inset 0 2px 4px var(--_clay-shadow-light)"
+          }
+        }
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "5px 5px 10px var(--_clay-shadow-dark),\n    -3px -3px 5px var(--_clay-shadow-light),\n    inset 0 -2px 4px var(--_clay-shadow-dark),\n    inset 0 2px 4px var(--_clay-shadow-light)"
+          }
+        }
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "6px 6px 12px var(--_clay-shadow-dark),\n    -3px -3px 6px var(--_clay-shadow-light),\n    inset 0 -2px 4px var(--_clay-shadow-dark),\n    inset 0 2px 4px var(--_clay-shadow-light)"
+          }
+        }
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "8px 8px 16px var(--_clay-shadow-dark),\n    -4px -4px 8px var(--_clay-shadow-light),\n    inset 0 -3px 6px var(--_clay-shadow-dark),\n    inset 0 3px 6px var(--_clay-shadow-light)"
+          }
+        }
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "12px 12px 24px var(--_clay-shadow-dark),\n    -6px -6px 12px var(--_clay-shadow-light),\n    inset 0 -3px 6px var(--_clay-shadow-dark),\n    inset 0 3px 6px var(--_clay-shadow-light)"
+          }
+        }
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "16px 16px 32px var(--_clay-shadow-dark),\n    -8px -8px 16px var(--_clay-shadow-light),\n    inset 0 -4px 8px var(--_clay-shadow-dark),\n    inset 0 4px 8px var(--_clay-shadow-light)"
+          }
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.2.0",
+      "unmapped": [
+        "--_clay-color-green",
+        "--_clay-color-yellow",
+        "--_clay-shadow-dark",
+        "--_clay-shadow-light",
+        "--cb-header-bg",
+        "--cb-keyword",
+        "--cb-string",
+        "--cb-function",
+        "--cb-number",
+        "--cb-tag",
+        "--cb-attribute",
+        "--cb-button-bg"
+      ]
+    }
+  }
+}

package/dist/cdn/themes/claymorphism.css

@@ -1,2 +1,2 @@
-@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .008 280);--color-surface: oklch(97% .006 280);--color-surface-alt: oklch(94% .01 280);--color-surface-raised: oklch(98% .005 280);--color-surface-sunken: oklch(93% .01 280);--color-surface-overlay: oklch(98% .005 280);--color-text: oklch(30% .02 280);--color-text-muted: oklch(42% .015 280);--color-text-subtle: oklch(52% .01 280);--color-primary: oklch(62% .2 350);--color-primary-hover: oklch(57% .22 350);--color-primary-subtle: oklch(93% .03 350);--color-accent: oklch(62% .12 240);--color-accent-hover: oklch(57% .13 240);--color-accent-subtle: oklch(93% .02 240);--_clay-color-green: oklch(70% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-border: oklch(88% .01 280);--color-border-muted: oklch(91% .008 280);--color-border-strong: oklch(80% .01 280);--color-success: oklch(65% .12 155);--color-warning: oklch(80% .12 85);--color-error: oklch(55% .18 20);--color-info: oklch(60% .12 240);--color-hover-bg: oklch(93% .015 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--_clay-shadow-dark: oklch(80% .01 280);--_clay-shadow-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 8px;--radius-s: 12px;--radius-m: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1)}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{:is(main,article){& h1{color:#d84497;font-weight:700}& h2{color:#338fc7;font-weight:700}& h3{color:#59b47d;font-weight:600}& hr:not([data-ornament]){height:4px;border:none;border-radius:9999px;background:#f0f1f7;box-shadow:inset 2px 2px 4px var(--_clay-shadow-dark),inset -2px -2px 4px var(--_clay-shadow-light);margin-block:2rem}& blockquote{border-inline-start:none;padding:1.5rem 2rem;border-radius:var(--radius-l);background:#f0f1f7;color:#464750;box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1.25rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:#f0f1f7;box-shadow:3px 3px 6px var(--_clay-shadow-dark),-3px -3px 6px var(--_clay-shadow-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}& a:not([class]){color:var(--color-primary);text-decoration:none;transition:color .25s var(--ease-default);&:hover{color:var(--color-primary-hover)}}.button,button{background:#f0f1f7;border:none;color:#d84497;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}&:active{transform:translateY(1px) scale(.97);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#f0f1f7;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}& input,textarea,select{background:#f0f1f7;border:none;border-radius:var(--radius-l);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);transition:all .25s var(--ease-default);&:focus{box-shadow:4px 4px 8px var(--_clay-shadow-dark),-4px -4px 8px var(--_clay-shadow-light),inset 0 -1px 2px var(--_clay-shadow-dark),inset 0 1px 2px var(--_clay-shadow-light);outline:2px solid oklch(62% .2 350 / .3);outline-offset:2px}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);border:none;border-radius:var(--radius-l);background:#f0f1f7}& code{background:#eaebf2;color:oklch(50% .12 240);padding:.125rem .375rem;border-radius:var(--radius-s)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .2 350);--cb-string: oklch(70% .12 155);--cb-function: oklch(62% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(62% .12 240);--cb-attribute: oklch(62% .2 350);--cb-button-bg: var(--color-surface)}::selection{background:#d8449733;color:#2c2d38}}:root[data-theme~=claymorphism][data-mode=dark],[data-theme~=claymorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .01 280);--color-surface: oklch(22% .01 280);--color-surface-alt: oklch(20% .01 280);--color-surface-raised: oklch(25% .01 280);--color-surface-sunken: oklch(18% .01 280);--color-text: oklch(92% .008 280);--color-text-muted: oklch(72% .008 280);--color-text-subtle: oklch(55% .008 280);--color-primary: oklch(70% .18 350);--color-primary-hover: oklch(75% .2 350);--color-primary-subtle: oklch(28% .04 350);--color-accent: oklch(70% .12 240);--color-accent-hover: oklch(75% .13 240);--color-accent-subtle: oklch(28% .03 240);--_clay-color-green: oklch(75% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-surface-overlay: oklch(26% .015 280);--color-border: oklch(30% .01 280);--color-border-muted: oklch(27% .01 280);--color-border-strong: oklch(40% .01 280);--color-hover-bg: oklch(26% .025 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--color-success: oklch(70% .12 155);--color-warning: oklch(82% .12 85);--color-error: oklch(62% .18 20);--color-info: oklch(68% .12 240);--_clay-shadow-dark: oklch(12% .01 280);--_clay-shadow-light: oklch(30% .01 280);--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);:is(main,article){& h1{color:#ed68ae}& h2{color:#4fa8e1}& h3{color:#6ac48c}& hr:not([data-ornament]){background:#1a1a1f}& blockquote{background:#1a1a1f;color:#a3a4aa;&:before{background:#1a1a1f;color:var(--color-primary)}}.button,button{background:#1a1a1f;color:#ed68ae;&:active{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#1a1a1f}& input,textarea,select{background:#1a1a1f;color:var(--color-text);&:focus{outline-color:#ed68ae4d}}& pre{background:#1a1a1f}& code{background:#212126;color:#4fa8e1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .18 350);--cb-string: oklch(75% .12 155);--cb-function: oklch(70% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(70% .12 240);--cb-attribute: oklch(70% .18 350);--cb-button-bg: var(--color-surface)}::selection{background:#ed68ae4d;color:#e3e4ea}}
+@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";:root[data-theme~=claymorphism],[data-theme~=claymorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .008 280);--color-surface: oklch(97% .006 280);--color-surface-alt: oklch(94% .01 280);--color-surface-raised: oklch(98% .005 280);--color-surface-sunken: oklch(93% .01 280);--color-surface-overlay: oklch(98% .005 280);--color-text: oklch(30% .02 280);--color-text-muted: oklch(42% .015 280);--color-text-subtle: oklch(52% .01 280);--color-primary: oklch(62% .2 350);--color-primary-hover: oklch(57% .22 350);--color-primary-subtle: oklch(93% .03 350);--color-accent: oklch(62% .12 240);--color-accent-hover: oklch(57% .13 240);--color-accent-subtle: oklch(93% .02 240);--_clay-color-green: oklch(70% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-border: oklch(88% .01 280);--color-border-muted: oklch(91% .008 280);--color-border-strong: oklch(80% .01 280);--color-success: oklch(65% .12 155);--color-warning: oklch(80% .12 85);--color-error: oklch(55% .18 20);--color-info: oklch(60% .12 240);--color-hover-bg: oklch(93% .015 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--_clay-shadow-dark: oklch(80% .01 280);--_clay-shadow-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 8px;--radius-s: 12px;--radius-m: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1)}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{:is(main,article){& h1{color:#d84497;font-weight:700}& h2{color:#338fc7;font-weight:700}& h3{color:#59b47d;font-weight:600}& hr:not([data-ornament]){height:4px;border:none;border-radius:9999px;background:#f0f1f7;box-shadow:inset 2px 2px 4px var(--_clay-shadow-dark),inset -2px -2px 4px var(--_clay-shadow-light);margin-block:2rem}& blockquote{border-inline-start:none;padding:1.5rem 2rem;border-radius:var(--radius-l);background:#f0f1f7;color:#464750;box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1.25rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:#f0f1f7;box-shadow:3px 3px 6px var(--_clay-shadow-dark),-3px -3px 6px var(--_clay-shadow-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}& a:not([class]){color:var(--color-primary);text-decoration:none;transition:color .25s var(--ease-default);&:hover{color:var(--color-primary-hover)}}.button,button{background:#f0f1f7;border:none;color:#d84497;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}&:active{transform:translateY(1px) scale(.97);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#f0f1f7;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}& input,textarea,select{background:#f0f1f7;border:none;border-radius:var(--radius-l);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);transition:all .25s var(--ease-default);&:focus{box-shadow:4px 4px 8px var(--_clay-shadow-dark),-4px -4px 8px var(--_clay-shadow-light),inset 0 -1px 2px var(--_clay-shadow-dark),inset 0 1px 2px var(--_clay-shadow-light);outline:2px solid oklch(62% .2 350 / .3);outline-offset:2px}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);border:none;border-radius:var(--radius-l);background:#f0f1f7}& code{background:#eaebf2;color:oklch(50% .12 240);padding:.125rem .375rem;border-radius:var(--radius-s)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .2 350);--cb-string: oklch(70% .12 155);--cb-function: oklch(62% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(62% .12 240);--cb-attribute: oklch(62% .2 350);--cb-button-bg: var(--color-surface)}::selection{background:#d8449733;color:#2c2d38}}:root[data-theme~=claymorphism][data-mode=dark],[data-theme~=claymorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .01 280);--color-surface: oklch(22% .01 280);--color-surface-alt: oklch(20% .01 280);--color-surface-raised: oklch(25% .01 280);--color-surface-sunken: oklch(18% .01 280);--color-text: oklch(92% .008 280);--color-text-muted: oklch(72% .008 280);--color-text-subtle: oklch(55% .008 280);--color-primary: oklch(70% .18 350);--color-primary-hover: oklch(75% .2 350);--color-primary-subtle: oklch(28% .04 350);--color-accent: oklch(70% .12 240);--color-accent-hover: oklch(75% .13 240);--color-accent-subtle: oklch(28% .03 240);--_clay-color-green: oklch(75% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-surface-overlay: oklch(26% .015 280);--color-border: oklch(30% .01 280);--color-border-muted: oklch(27% .01 280);--color-border-strong: oklch(40% .01 280);--color-hover-bg: oklch(26% .025 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--color-success: oklch(70% .12 155);--color-warning: oklch(82% .12 85);--color-error: oklch(62% .18 20);--color-info: oklch(68% .12 240);--_clay-shadow-dark: oklch(12% .01 280);--_clay-shadow-light: oklch(30% .01 280);--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);:is(main,article){& h1{color:#ed68ae}& h2{color:#4fa8e1}& h3{color:#6ac48c}& hr:not([data-ornament]){background:#1a1a1f}& blockquote{background:#1a1a1f;color:#a3a4aa;&:before{background:#1a1a1f;color:var(--color-primary)}}.button,button{background:#1a1a1f;color:#ed68ae;&:active{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#1a1a1f}& input,textarea,select{background:#1a1a1f;color:var(--color-text);&:focus{outline-color:#ed68ae4d}}& pre{background:#1a1a1f}& code{background:#212126;color:#4fa8e1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .18 350);--cb-string: oklch(75% .12 155);--cb-function: oklch(70% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(70% .12 240);--cb-attribute: oklch(70% .18 350);--cb-button-bg: var(--color-surface)}::selection{background:#ed68ae4d;color:#e3e4ea}}
 /*# sourceMappingURL=claymorphism.css.map */