[data-style] {
  --wf-face-shift: 0px;
  --wf-face-tilt: 0deg;
}

[data-style="minimalism"] {
  --os-radius-sm: 0;
  --os-radius-md: 0;
  --os-radius-lg: 0;
  --os-press-shadow-out: none;
}

[data-style="maximalism"] {
  --os-radius-sm: 2px;
  --os-radius-md: 4px;
  --os-type-body-tracking: -0.02em;
  --os-press-shadow-out: 6px 6px 0 color-mix(in srgb, var(--os-ink) 55%, transparent);
}

[data-style="swiss"] {
  --os-radius-sm: 0;
  --os-radius-md: 0;
  --os-font-body: var(--os-font-display);
  --os-fam-accent: var(--os-rose);
}

[data-style="brutalism"] {
  --os-radius-sm: 0;
  --os-radius-md: 0;
  --os-radius-lg: 0;
  --os-press-shadow-out: 4px 4px 0 var(--os-ink);
  --os-fam-border: var(--os-ink);
}

[data-style="surrealism"] {
  --os-radius-sm: 28px 4px 18px 8px;
  --os-radius-md: 40px 6px 12px 22px;
  --wf-face-shift: 8px;
}

[data-style="neo-brutalism"] {
  --os-radius-sm: 0;
  --os-radius-md: 0;
  --os-press-shadow-out: 5px 5px 0 var(--os-ink);
  --os-fam-surface: color-mix(in srgb, var(--os-coral) 18%, var(--os-ground));
}

[data-style="neo-classical"] {
  --os-radius-sm: 0;
  --os-radius-md: 0;
  --os-font-body: ui-serif, "Iowan Old Style", "Palatino Linotype", serif;
  --os-type-body-tracking: 0.04em;
}

[data-style="neumorphism"] {
  --os-radius-md: 18px;
  --os-radius-sm: 14px;
  --os-fam-border: transparent;
  --os-press-shadow-out: 6px 6px 14px color-mix(in srgb, var(--os-ink) 16%, transparent),
    -4px -4px 10px color-mix(in srgb, var(--os-ground) 80%, white);
}

[data-style="scrapbook"] {
  --os-radius-md: 3px 18px 6px 14px;
  --wf-face-tilt: -1.4deg;
  --os-press-shadow-out: 1px 10px 0 color-mix(in srgb, var(--os-ink) 12%, transparent);
}

[data-style="glassmorphism"] {
  --os-radius-md: 16px;
  --os-fam-surface: color-mix(in srgb, var(--os-ground) 42%, transparent);
  --os-press-shadow-out: inset 0 1px 0 color-mix(in srgb, var(--os-ground) 40%, transparent);
}

[data-style="claymorphism"] {
  --os-radius-sm: 18px;
  --os-radius-md: 22px;
  --os-press-shadow-out: inset 0 -8px 0 color-mix(in srgb, var(--os-ink) 10%, transparent);
}

[data-style="bento-grid"] {
  --os-radius-md: 16px;
  --os-radius-lg: 20px;
}

[data-style="pixel-art"] {
  --os-radius-sm: 0;
  --os-radius-md: 0;
  --os-font-body: var(--os-font-mono);
  --os-press-shadow-out: 3px 3px 0 currentColor;
}

[data-style="conceptual-sketch"] {
  --os-radius-md: 2px;
  --os-fam-border: color-mix(in srgb, var(--os-ink) 45%, transparent);
}

[data-style="luxury-typography"] {
  --os-radius-sm: 0;
  --os-type-label-tracking: 0.28em;
  --os-type-body-tracking: 0.12em;
}

[data-style="editorial"] {
  --os-font-body: ui-serif, Georgia, serif;
  --os-radius-md: 0;
  --os-type-body-leading: 1.65;
}

[data-style="y2k"] {
  --os-radius-pill: 999px;
  --os-radius-md: 999px;
  --os-radius-sm: 999px;
  --os-fam-accent: var(--os-cyan);
}

[data-style="ethereal"] {
  --os-radius-md: 24px;
  --os-fam-surface: color-mix(in srgb, var(--os-ground) 70%, transparent);
}

[data-style="bohemian"] {
  --os-radius-md: 10px 22px 8px 18px;
  --os-fam-accent: var(--os-coral);
}

[data-style="dark-mode-ui"] {
  --os-fam-ground: var(--os-ground-absorptive);
  --os-fam-text: var(--os-ground);
  --os-fam-surface: var(--os-ground-void);
  --os-fam-border: color-mix(in srgb, var(--os-ground) 22%, transparent);
}

[data-style="cyberpunk"] {
  --os-radius-sm: 0;
  --os-font-body: var(--os-font-mono);
  --os-fam-accent: var(--os-cyan);
  --os-fam-border: var(--os-cyan);
}

[data-style="anthropomorphic"] {
  --os-radius-sm: 999px;
  --os-radius-md: 999px;
}

[data-style="victorian"] {
  --os-radius-sm: 0;
  --os-font-body: ui-serif, Georgia, serif;
  --os-type-label-tracking: 0.16em;
}

[data-style="cybercore"] {
  --os-radius-sm: 0;
  --os-radius-md: 2px;
  --os-font-body: var(--os-font-mono);
  --os-fam-accent: var(--os-blue);
}

[data-style="synthwave"] {
  --os-radius-md: 4px;
  --os-fam-accent: var(--os-rose);
  --os-fam-border: var(--os-indigo);
}

[data-style="graffiti"] {
  --os-radius-sm: 2px;
  --wf-face-tilt: -3deg;
  --os-type-body-tracking: -0.04em;
}

[data-style="gothic"] {
  --os-radius-sm: 0;
  --os-fam-border: var(--os-ink);
  --os-type-label-tracking: 0.2em;
}

[data-style="mixed-media"] {
  --os-radius-sm: 0;
  --os-radius-md: 18px;
}

[data-style="wabi-sabi"] {
  --os-radius-md: 7px 11px 6px 13px;
  --os-fam-muted: color-mix(in srgb, var(--os-muted) 70%, var(--os-ink));
}

[data-style] [data-widget-face],
[data-style][data-widget-face] {
  transform: translate(var(--wf-face-shift, 0)) rotate(var(--wf-face-tilt, 0deg));
}

[data-style="glassmorphism"] [data-widget-face],
[data-style="glassmorphism"][data-widget-face] {
  backdrop-filter: blur(12px);
}

[data-style="conceptual-sketch"] .wf-button,
[data-style="conceptual-sketch"] .wf-field {
  border-style: dashed;
}