vanilla-breeze 0.1.2 → 0.1.4

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

@@ -0,0 +1,482 @@
+{
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.05,
+          0.02,
+          255
+        ]
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.1,
+          0.03,
+          255
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.14,
+          0.04,
+          255
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.07,
+          0.02,
+          255
+        ]
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.12,
+          0.03,
+          255
+        ]
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.93,
+          0.01,
+          255
+        ]
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.62,
+          0.04,
+          255
+        ]
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.4,
+          0.03,
+          255
+        ]
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.22,
+          55
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.18,
+          0.06,
+          55
+        ]
+      }
+    },
+    "on-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.08,
+          0.02,
+          255
+        ]
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.24,
+          268
+        ]
+      }
+    },
+    "secondary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.15,
+          0.06,
+          268
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.18,
+          200
+        ]
+      }
+    },
+    "accent-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.14,
+          0.05,
+          200
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.62,
+          0.24,
+          25
+        ]
+      }
+    },
+    "error-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.08,
+          25
+        ]
+      }
+    },
+    "error-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.18,
+          25
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.78,
+          0.18,
+          60
+        ]
+      }
+    },
+    "warning-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.08,
+          60
+        ]
+      }
+    },
+    "warning-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.82,
+          0.14,
+          60
+        ]
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.62,
+          0.22,
+          152
+        ]
+      }
+    },
+    "success-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.08,
+          152
+        ]
+      }
+    },
+    "success-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.16,
+          152
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.16,
+          200
+        ]
+      }
+    },
+    "info-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.18,
+          0.06,
+          200
+        ]
+      }
+    },
+    "info-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.78,
+          0.14,
+          200
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.28,
+          0.04,
+          255
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.5,
+          0.06,
+          255
+        ]
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.03,
+          255
+        ]
+      }
+    }
+  },
+  "effect": {
+    "shadow": {
+      "sm": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 1,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 3,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 0.5
+          }
+        }
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 4,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 12,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0,
+                0,
+                0
+              ],
+              "alpha": 0.6
+            }
+          },
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 0,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 24,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.68,
+                0.22,
+                55
+              ],
+              "alpha": 0.05
+            }
+          }
+        ]
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 8,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 32,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0,
+                0,
+                0
+              ],
+              "alpha": 0.7
+            }
+          },
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 0,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 40,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.68,
+                0.22,
+                55
+              ],
+              "alpha": 0.08
+            }
+          }
+        ]
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.1.4",
+      "unmapped": [
+        "--_mg-overlay",
+        "--_mg-primary-strong",
+        "--scrollbar-thumb",
+        "--scrollbar-track",
+        "--_mg-chrome",
+        "--_mg-chrome-hi",
+        "--_mg-chrome-lo",
+        "--_mg-bevel"
+      ]
+    }
+  }
+}

package/dist/cdn/themes/magna.css

@@ -1,2 +1,2 @@
-@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(https://fonts.gstatic.com/s/orbitron/v35/yMJRMIlzdpvBhQQL_Qq7dy1biN15.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}@font-face{font-family:"Exo 2";font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYoK-4W4nIp.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}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFcLowEFA87Heg.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~=magna],[data-theme~=magna]{color-scheme:light dark;--theme-border-style: sharp;--theme-icon-set: lucide;--hue-primary: 55;--hue-secondary: 268;--hue-accent: 200;--color-background: oklch(95% .005 255);--color-surface: oklch(97% .004 255);--color-surface-raised: oklch(99% .003 255);--color-surface-sunken: oklch(92% .008 255);--color-surface-alt: oklch(93% .006 255);--_mg-overlay: oklch(95% .005 255 / .85);--color-text: oklch(18% .02 255);--color-text-muted: oklch(40% .03 255);--color-text-subtle: oklch(55% .02 255);--color-primary: oklch(55% .22 55);--color-primary-subtle: oklch(95% .04 55);--_mg-primary-strong: oklch(50% .24 55);--color-on-primary: oklch(98% .01 55);--color-secondary: oklch(42% .22 268);--color-secondary-subtle: oklch(95% .04 268);--color-accent: oklch(45% .16 200);--color-accent-subtle: oklch(95% .04 200);--color-error: oklch(50% .22 25);--color-error-subtle: oklch(95% .04 25);--color-error-text: oklch(40% .16 25);--color-warning: oklch(55% .18 60);--color-warning-subtle: oklch(95% .04 60);--color-warning-text: oklch(40% .14 60);--color-success: oklch(45% .2 152);--color-success-subtle: oklch(95% .04 152);--color-success-text: oklch(35% .14 152);--color-info: oklch(48% .14 200);--color-info-subtle: oklch(95% .03 200);--color-info-text: oklch(38% .12 200);--color-border: oklch(82% .01 255);--color-border-strong: oklch(60% .04 255);--color-focus: var(--color-primary);--font-display: "Orbitron", "Arial Black", sans-serif;--font-heading: "Orbitron", "Arial Black", sans-serif;--font-body: "Exo 2", "Arial", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--font-sans: "Exo 2", "Arial", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--radius-sm: 0px;--radius-m: 4px;--radius-l: 4px;--radius-xl: 4px;--radius-full: 4px;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .1);--shadow-md: 0 4px 12px oklch(0% 0 0 / .12), 0 2px 4px oklch(0% 0 0 / .08);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .14), 0 4px 8px oklch(0% 0 0 / .08);--motion-enter-duration: .45s;--motion-stagger-delay: 50ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-hover-lift: translateY(-3px);--border-anim: spin;--border-anim-spin-duration: 3s;--border-anim-spin-width: 2px;--border-anim-pulse-duration: 2s;--border-anim-pulse-color: var(--color-primary);--border-anim-hue-duration: 4s;--scrollbar-thumb: oklch(70% .01 255);--scrollbar-track: oklch(92% .005 255);--scrollbar-width: thin;--scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);--cursor-custom-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='5' fill='none' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='1' x2='16' y2='9' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='23' x2='16' y2='31' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='1' y1='16' x2='9' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='23' y1='16' x2='31' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3C/svg%3E") 16 16, crosshair;--cursor-custom-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='4,2 4,18 8,14 11,20 13,19 10,13 15,13' fill='%23f97316' stroke='%23000' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2, pointer;--_mg-red: oklch(58% .26 25);--_mg-orange: oklch(68% .22 55);--_mg-yellow: oklch(83% .2 92);--_mg-green: oklch(62% .24 152);--_mg-cyan: oklch(72% .18 200);--_mg-blue: oklch(54% .24 268);--_mg-violet: oklch(52% .26 295);--_mg-magenta: oklch(58% .28 330);--_mg-void: var(--color-background);--_mg-chrome: oklch(78% .01 255);--_mg-chrome-hi: oklch(98% .005 255);--_mg-chrome-lo: oklch(55% .01 255);--_mg-rainbow-h: linear-gradient( 90deg in oklch, var(--_mg-red) 0%, var(--_mg-orange) 14%, var(--_mg-yellow) 28%, var(--_mg-green) 43%, var(--_mg-cyan) 57%, var(--_mg-blue) 72%, var(--_mg-violet) 86%, var(--_mg-magenta) 100% );--_mg-rainbow-v: linear-gradient( 180deg in oklch, var(--_mg-yellow) 0%, var(--_mg-orange) 20%, var(--_mg-red) 40%, var(--_mg-magenta) 55%, var(--_mg-blue) 75%, var(--_mg-violet) 100% );--_mg-chrome-grad: linear-gradient( 180deg, var(--_mg-chrome-hi) 0%, var(--_mg-chrome) 35%, var(--_mg-chrome-lo) 55%, var(--_mg-chrome) 75%, var(--_mg-chrome-hi) 100% );--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .4), inset 0 -2px 0 oklch(0% 0 0 / .15), inset 2px 0 0 oklch(100% 0 0 / .25), inset -2px 0 0 oklch(0% 0 0 / .1), 0 4px 12px oklch(0% 0 0 / .12)}@media(prefers-reduced-motion:reduce){:root[data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s;--motion-enter-duration: 0s}}:root[data-motion-reduced][data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s}:root[data-theme~=magna],[data-theme~=magna]{:is(main,article){& h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:.06em;line-height:1.15}& a:not([class]){color:var(--color-accent);text-decoration:none;&:hover{text-decoration:underline}}& code{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}& kbd{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}}::selection{background:var(--color-primary);color:var(--color-on-primary);text-shadow:none}}:root[data-theme~=magna][data-mode=dark],[data-theme~=magna][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% .02 255);--color-surface: oklch(10% .03 255);--color-surface-raised: oklch(14% .04 255);--color-surface-sunken: oklch(7% .02 255);--color-surface-alt: oklch(12% .03 255);--_mg-overlay: oklch(5% .02 255 / .85);--color-text: oklch(93% .01 255);--color-text-muted: oklch(62% .04 255);--color-text-subtle: oklch(40% .03 255);--color-primary: oklch(68% .22 55);--color-primary-subtle: oklch(18% .06 55);--_mg-primary-strong: oklch(80% .2 55);--color-on-primary: oklch(8% .02 255);--color-secondary: oklch(55% .24 268);--color-secondary-subtle: oklch(15% .06 268);--color-accent: oklch(72% .18 200);--color-accent-subtle: oklch(14% .05 200);--color-error: oklch(62% .24 25);--color-error-subtle: oklch(20% .08 25);--color-error-text: oklch(75% .18 25);--color-warning: oklch(78% .18 60);--color-warning-subtle: oklch(22% .08 60);--color-warning-text: oklch(82% .14 60);--color-success: oklch(62% .22 152);--color-success-subtle: oklch(20% .08 152);--color-success-text: oklch(75% .16 152);--color-info: oklch(68% .16 200);--color-info-subtle: oklch(18% .06 200);--color-info-text: oklch(78% .14 200);--color-border: oklch(28% .04 255);--color-border-strong: oklch(50% .06 255);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .5);--shadow-md: 0 4px 12px oklch(0% 0 0 / .6), 0 0 24px oklch(68% .22 55 / .05);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .7), 0 0 40px oklch(68% .22 55 / .08);--scrollbar-thumb: oklch(68% .22 55);--scrollbar-track: oklch(8% .02 255);--_mg-chrome: oklch(72% .01 255);--_mg-chrome-hi: oklch(95% .01 255);--_mg-chrome-lo: oklch(30% .01 255);--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .3), inset 0 -2px 0 oklch(0% 0 0 / .55), inset 2px 0 0 oklch(100% 0 0 / .18), inset -2px 0 0 oklch(0% 0 0 / .35), 0 6px 20px oklch(0% 0 0 / .6)}
+@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300..700&family=Orbitron:wght@400..900&family=Share+Tech+Mono&display=swap";:root[data-theme~=magna],[data-theme~=magna]{color-scheme:light dark;--theme-border-style: sharp;--theme-icon-set: lucide;--hue-primary: 55;--hue-secondary: 268;--hue-accent: 200;--color-background: oklch(95% .005 255);--color-surface: oklch(97% .004 255);--color-surface-raised: oklch(99% .003 255);--color-surface-sunken: oklch(92% .008 255);--color-surface-alt: oklch(93% .006 255);--_mg-overlay: oklch(95% .005 255 / .85);--color-text: oklch(18% .02 255);--color-text-muted: oklch(40% .03 255);--color-text-subtle: oklch(55% .02 255);--color-primary: oklch(55% .22 55);--color-primary-subtle: oklch(95% .04 55);--_mg-primary-strong: oklch(50% .24 55);--color-on-primary: oklch(98% .01 55);--color-secondary: oklch(42% .22 268);--color-secondary-subtle: oklch(95% .04 268);--color-accent: oklch(45% .16 200);--color-accent-subtle: oklch(95% .04 200);--color-error: oklch(50% .22 25);--color-error-subtle: oklch(95% .04 25);--color-error-text: oklch(40% .16 25);--color-warning: oklch(55% .18 60);--color-warning-subtle: oklch(95% .04 60);--color-warning-text: oklch(40% .14 60);--color-success: oklch(45% .2 152);--color-success-subtle: oklch(95% .04 152);--color-success-text: oklch(35% .14 152);--color-info: oklch(48% .14 200);--color-info-subtle: oklch(95% .03 200);--color-info-text: oklch(38% .12 200);--color-border: oklch(82% .01 255);--color-border-strong: oklch(60% .04 255);--color-border-muted: oklch(88% .008 255);--color-focus: var(--color-primary);--font-display: "Orbitron", "Arial Black", sans-serif;--font-heading: "Orbitron", "Arial Black", sans-serif;--font-body: "Exo 2", "Arial", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--font-sans: "Exo 2", "Arial", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--radius-sm: 0px;--radius-m: 4px;--radius-l: 4px;--radius-xl: 4px;--radius-full: 4px;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .1);--shadow-md: 0 4px 12px oklch(0% 0 0 / .12), 0 2px 4px oklch(0% 0 0 / .08);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .14), 0 4px 8px oklch(0% 0 0 / .08);--motion-enter-duration: .45s;--motion-stagger-delay: 50ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-hover-lift: translateY(-3px);--border-anim: spin;--border-anim-spin-duration: 3s;--border-anim-spin-width: 2px;--border-anim-pulse-duration: 2s;--border-anim-pulse-color: var(--color-primary);--border-anim-hue-duration: 4s;--scrollbar-thumb: oklch(70% .01 255);--scrollbar-track: oklch(92% .005 255);--scrollbar-width: thin;--scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);--cursor-custom-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='5' fill='none' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='1' x2='16' y2='9' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='23' x2='16' y2='31' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='1' y1='16' x2='9' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='23' y1='16' x2='31' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3C/svg%3E") 16 16, crosshair;--cursor-custom-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='4,2 4,18 8,14 11,20 13,19 10,13 15,13' fill='%23f97316' stroke='%23000' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2, pointer;--_mg-red: oklch(58% .26 25);--_mg-orange: oklch(68% .22 55);--_mg-yellow: oklch(83% .2 92);--_mg-green: oklch(62% .24 152);--_mg-cyan: oklch(72% .18 200);--_mg-blue: oklch(54% .24 268);--_mg-violet: oklch(52% .26 295);--_mg-magenta: oklch(58% .28 330);--_mg-void: var(--color-background);--_mg-chrome: oklch(78% .01 255);--_mg-chrome-hi: oklch(98% .005 255);--_mg-chrome-lo: oklch(55% .01 255);--_mg-rainbow-h: linear-gradient( 90deg in oklch, var(--_mg-red) 0%, var(--_mg-orange) 14%, var(--_mg-yellow) 28%, var(--_mg-green) 43%, var(--_mg-cyan) 57%, var(--_mg-blue) 72%, var(--_mg-violet) 86%, var(--_mg-magenta) 100% );--_mg-rainbow-v: linear-gradient( 180deg in oklch, var(--_mg-yellow) 0%, var(--_mg-orange) 20%, var(--_mg-red) 40%, var(--_mg-magenta) 55%, var(--_mg-blue) 75%, var(--_mg-violet) 100% );--_mg-chrome-grad: linear-gradient( 180deg, var(--_mg-chrome-hi) 0%, var(--_mg-chrome) 35%, var(--_mg-chrome-lo) 55%, var(--_mg-chrome) 75%, var(--_mg-chrome-hi) 100% );--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .4), inset 0 -2px 0 oklch(0% 0 0 / .15), inset 2px 0 0 oklch(100% 0 0 / .25), inset -2px 0 0 oklch(0% 0 0 / .1), 0 4px 12px oklch(0% 0 0 / .12)}@media(prefers-reduced-motion:reduce){:root[data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s;--motion-enter-duration: 0s}}:root[data-motion-reduced][data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s}:root[data-theme~=magna],[data-theme~=magna]{:is(main,article){& h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:.06em;line-height:1.15}& a:not([class]){color:var(--color-accent);text-decoration:none;&:hover{text-decoration:underline}}& code{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}& kbd{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}}::selection{background:var(--color-primary);color:var(--color-on-primary);text-shadow:none}}:root[data-theme~=magna][data-mode=dark],[data-theme~=magna][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% .02 255);--color-surface: oklch(10% .03 255);--color-surface-raised: oklch(14% .04 255);--color-surface-sunken: oklch(7% .02 255);--color-surface-alt: oklch(12% .03 255);--_mg-overlay: oklch(5% .02 255 / .85);--color-text: oklch(93% .01 255);--color-text-muted: oklch(62% .04 255);--color-text-subtle: oklch(40% .03 255);--color-primary: oklch(68% .22 55);--color-primary-subtle: oklch(18% .06 55);--_mg-primary-strong: oklch(80% .2 55);--color-on-primary: oklch(8% .02 255);--color-secondary: oklch(55% .24 268);--color-secondary-subtle: oklch(15% .06 268);--color-accent: oklch(72% .18 200);--color-accent-subtle: oklch(14% .05 200);--color-error: oklch(62% .24 25);--color-error-subtle: oklch(20% .08 25);--color-error-text: oklch(75% .18 25);--color-warning: oklch(78% .18 60);--color-warning-subtle: oklch(22% .08 60);--color-warning-text: oklch(82% .14 60);--color-success: oklch(62% .22 152);--color-success-subtle: oklch(20% .08 152);--color-success-text: oklch(75% .16 152);--color-info: oklch(68% .16 200);--color-info-subtle: oklch(18% .06 200);--color-info-text: oklch(78% .14 200);--color-border: oklch(28% .04 255);--color-border-strong: oklch(50% .06 255);--color-border-muted: oklch(20% .03 255);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .5);--shadow-md: 0 4px 12px oklch(0% 0 0 / .6), 0 0 24px oklch(68% .22 55 / .05);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .7), 0 0 40px oklch(68% .22 55 / .08);--scrollbar-thumb: oklch(68% .22 55);--scrollbar-track: oklch(8% .02 255);--_mg-chrome: oklch(72% .01 255);--_mg-chrome-hi: oklch(95% .01 255);--_mg-chrome-lo: oklch(30% .01 255);--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .3), inset 0 -2px 0 oklch(0% 0 0 / .55), inset 2px 0 0 oklch(100% 0 0 / .18), inset -2px 0 0 oklch(0% 0 0 / .35), 0 6px 20px oklch(0% 0 0 / .6)}
 /*# sourceMappingURL=magna.css.map */