/* wbydc brand v0.7.0. Generated by build.py from tokens.json; do not edit. */
:root {
  --wb-font-sans: "Medeo Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wb-font-mono: "Medeo Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --wb-text-xs: 12px;
  --wb-text-sm: 14px;
  --wb-text-md: 15px;
  --wb-text-lg: 18px;
  --wb-text-xl: 22px;
  --wb-text-2xl: 28px;
  --wb-space-1: 4px;
  --wb-space-2: 8px;
  --wb-space-3: 12px;
  --wb-space-4: 16px;
  --wb-space-5: 24px;
  --wb-space-6: 32px;
  --wb-space-7: 48px;
  --wb-radius-control: 10px;
  --wb-radius-card: 18px;
  --wb-radius-pill: 999px;
  --wb-size-control: 44px;
  --wb-size-control-sm: 34px;
  --wb-glass-sheen: linear-gradient(180deg, color-mix(in srgb, var(--wb-glass-highlight) 22%, transparent), transparent 46%);
  --wb-elevation: inset 0 1px 0 var(--wb-glass-highlight), 0 1px 2px color-mix(in srgb, var(--wb-shadow) 35%, transparent), 0 10px 24px -10px color-mix(in srgb, var(--wb-shadow) 70%, transparent), 0 34px 64px -30px var(--wb-shadow);
  --wb-bg: #f6eff7;
  --wb-backdrop-1: #e7a3dc;
  --wb-backdrop-2: #c6a6f2;
  --wb-backdrop-3: #f2bfe0;
  --wb-glass-edge: #ffffffd9;
  --wb-glass-highlight: #ffffff;
  --wb-shadow: #2a145044;
  --wb-fg: #1a1426;
  --wb-muted: #544a66;
  --wb-border: #7a6f92;
  --wb-input-bg: #ffffff;
  --wb-accent: #5a3cc8;
  --wb-on-accent: #ffffff;
  --wb-ring: #5a3cc833;
  --wb-link: #8a2683;
  --wb-danger: #c0263a;
  --wb-on-danger: #ffffff;
  --wb-info-bg: #ebe7ff;
  --wb-info-fg: #3b2a9a;
  --wb-success-bg: #e1f5ea;
  --wb-success-fg: #11603a;
  --wb-warning-bg: #fff1e2;
  --wb-warning-fg: #6e3605;
  --wb-danger-bg: #fde8ea;
  --wb-danger-fg: #8a1626;
  --wb-font-heading: var(--wb-font-sans);
  --wb-surface: #ffffff;
  --wb-glass: rgb(255 255 255 / 0.62);
  --wb-glass-blur: 26px;
  --wb-grain: 0.05;
  --wb-backdrop-image: radial-gradient(42% 38% at 18% 22%, color-mix(in srgb, var(--wb-backdrop-1) 70%, transparent), transparent 70%), radial-gradient(40% 44% at 85% 30%, color-mix(in srgb, var(--wb-backdrop-2) 60%, transparent), transparent 72%), radial-gradient(55% 40% at 55% 92%, color-mix(in srgb, var(--wb-backdrop-3) 55%, transparent), transparent 70%);
  --wb-grain-image: radial-gradient(var(--wb-fg) 0.6px, transparent 0.6px);
  --wb-grain-size: 14px 14px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --wb-bg: #0e0912;
  --wb-backdrop-1: #8a2fa3;
  --wb-backdrop-2: #a83084;
  --wb-backdrop-3: #c23aa8;
  --wb-glass-edge: #ffffff26;
  --wb-glass-highlight: #ffffff1a;
  --wb-shadow: #000000bb;
  --wb-fg: #f2eef8;
  --wb-muted: #c5bbd7;
  --wb-border: #a497bd;
  --wb-input-bg: #120e1c;
  --wb-accent: #b9a6ff;
  --wb-on-accent: #0b0a18;
  --wb-ring: #b9a6ff40;
  --wb-link: #f5aee4;
  --wb-danger: #ff8a98;
  --wb-on-danger: #0e0912;
  --wb-info-bg: #1e1a4a;
  --wb-info-fg: #cdbfff;
  --wb-success-bg: #0f3324;
  --wb-success-fg: #8fe3b6;
  --wb-warning-bg: #3a2412;
  --wb-warning-fg: #ffc79a;
  --wb-danger-bg: #3d151c;
  --wb-danger-fg: #ffb3bd;
  --wb-font-heading: var(--wb-font-mono);
  --wb-surface: #1f1427;
  --wb-glass: rgb(31 20 39 / 0.52);
  --wb-glass-blur: 34px;
  --wb-grain: 0.05;
  --wb-backdrop-image: radial-gradient(120% 90% at 50% 50%, transparent 40%, rgb(0 0 0 / 0.45) 100%), radial-gradient(45% 40% at 46% 42%, color-mix(in srgb, var(--wb-backdrop-1) 34%, transparent), transparent 75%), radial-gradient(35% 30% at 60% 62%, color-mix(in srgb, var(--wb-backdrop-3) 22%, transparent), transparent 75%);
  --wb-grain-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --wb-grain-size: 180px 180px;
  color-scheme: dark;
}
}
:root[data-theme="dark"] {
  --wb-bg: #0e0912;
  --wb-backdrop-1: #8a2fa3;
  --wb-backdrop-2: #a83084;
  --wb-backdrop-3: #c23aa8;
  --wb-glass-edge: #ffffff26;
  --wb-glass-highlight: #ffffff1a;
  --wb-shadow: #000000bb;
  --wb-fg: #f2eef8;
  --wb-muted: #c5bbd7;
  --wb-border: #a497bd;
  --wb-input-bg: #120e1c;
  --wb-accent: #b9a6ff;
  --wb-on-accent: #0b0a18;
  --wb-ring: #b9a6ff40;
  --wb-link: #f5aee4;
  --wb-danger: #ff8a98;
  --wb-on-danger: #0e0912;
  --wb-info-bg: #1e1a4a;
  --wb-info-fg: #cdbfff;
  --wb-success-bg: #0f3324;
  --wb-success-fg: #8fe3b6;
  --wb-warning-bg: #3a2412;
  --wb-warning-fg: #ffc79a;
  --wb-danger-bg: #3d151c;
  --wb-danger-fg: #ffb3bd;
  --wb-font-heading: var(--wb-font-mono);
  --wb-surface: #1f1427;
  --wb-glass: rgb(31 20 39 / 0.52);
  --wb-glass-blur: 34px;
  --wb-grain: 0.05;
  --wb-backdrop-image: radial-gradient(120% 90% at 50% 50%, transparent 40%, rgb(0 0 0 / 0.45) 100%), radial-gradient(45% 40% at 46% 42%, color-mix(in srgb, var(--wb-backdrop-1) 34%, transparent), transparent 75%), radial-gradient(35% 30% at 60% 62%, color-mix(in srgb, var(--wb-backdrop-3) 22%, transparent), transparent 75%);
  --wb-grain-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --wb-grain-size: 180px 180px;
  color-scheme: dark;
}