/* Generated by Connecto Vibe Control. Do not edit directly. */
:root[data-vibe="neo-brutalist"] {
  --border-color-card: rgba(15, 23, 42, 0.78);
  --border-color-input: rgba(15, 23, 42, 0.86);
  --border-width-card: 3px;
  --border-width-input: 2px;
  --color-accent: #2dd4bf;
  --color-accent-hover: #14b8a6;
  --color-accent-text: #0f766e;
  --color-brand: #0f4c5c;
  --color-brand-dark: #082f49;
  --color-divider: rgba(15, 23, 42, 0.42);
  --color-foreground: #142348;
  --color-logo-on-light: #082f49;
  --color-on-primary: #062b2f;
  --color-on-surface-inverse: #f4fffe;
  --color-surface: #f4fffe;
  --color-surface-inverse: #082f49;
  --color-surface-subtle: #ebfffc;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Barlow Condensed", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-ui: "Barlow Condensed", "Inter", ui-sans-serif, system-ui, sans-serif;
  --gradient-accent: linear-gradient(135deg, #2dd4bf 0%, #2dd4bf 100%);
  --gradient-border: linear-gradient(135deg, #0f4c5c 0%, #0f4c5c 100%);
  --gradient-surface: linear-gradient(180deg, #f4fffe 0%, #f4fffe 100%);
  --height-btn: 3.5rem;
  --height-btn-sm: 2.5rem;
  --height-btn-xl: 4.5rem;
  --height-input: 3.5rem;
  --radius-button: 0px;
  --radius-card: 0px;
  --radius-chips: 2px;
  --radius-pill: 9999px;
  --shadow-card: var(--shadow-x) var(--shadow-y) 0 0 var(--shadow-color);
  --shadow-color: rgb(8 47 73 / 1);
  --shadow-float: 12px 12px 0 0 rgb(8 47 73 / 1);
  --shadow-glow: 0 0 0 rgb(45 212 191 / 0);
  --shadow-x: 6px;
  --shadow-y: 6px;
  --spacing-btn-x: 2rem;
  --spacing-card: 2rem;
  --spacing-gap: 1.5rem;
  --spacing-header: 3.5rem;
  --spacing-section: 5rem;
  --spacing-section-x: clamp(1rem, 3vw, 2rem);
}

:root[data-vibe="custom"] {
  --accent-color: #ec4c91;
  --border-color-card: #f8c9dd;
  --border-color-input: #f6bbd4;
  --border-width-card: 1px;
  --border-width-input: 1px;
  --brand-color: #e00b66;
  --color-accent: #EC4C91;
  --color-accent-hover: #C82673;
  --color-accent-text: #D02E79;
  --color-brand: #E00B66;
  --color-brand-dark: #920742;
  --color-divider: #7c0638;
  --color-foreground: #920742;
  --color-logo-on-light: var(--color-brand-dark);
  --color-on-primary: #000000;
  --color-on-surface-inverse: #FFFFFF;
  --color-primary: var(--color-accent);
  --color-surface: #FFFFFF;
  --color-surface-inverse: #920742;
  --color-surface-subtle: #FDEBF3;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Barlow Condensed", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-ui: "Barlow Condensed", "Inter", ui-sans-serif, system-ui, sans-serif;
  --gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
  --gradient-border: linear-gradient(135deg, var(--color-accent) 0%, var(--color-brand-dark) 100%);
  --gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-subtle) 100%);
  --height-btn: 3.5rem;
  --height-btn-sm: 2.5rem;
  --height-btn-xl: 4.5rem;
  --height-input: 3.5rem;
  --motion-delay-step: 90ms;
  --motion-distance-lg: 24px;
  --motion-distance-md: 14px;
  --motion-distance-sm: 6px;
  --motion-duration-base: 420ms;
  --motion-duration-fast: 220ms;
  --motion-duration-slow: 620ms;
  --motion-hover-lift-y: 1px;
  --motion-hover-scale-sm: 1.015;
  --motion-icon-shift-x: 0.125rem;
  --motion-media-zoom-scale: 1.03;
  --motion-overlay-duration: 180ms;
  --motion-panel-duration: 180ms;
  --motion-scale-start: 0.985;
  --motion-vehicle-distance: min(12vw, 10rem);
  --primary-color: var(--color-accent);
  --radius-button: 0.875rem;
  --radius-card: 1rem;
  --radius-chips: 1rem;
  --radius-pill: 9999px;
  --shadow-card: 0px 16px 18px -18px rgba(15, 23, 42, 0.148);
  --shadow-color: rgb(8 47 73 / 1);
  --shadow-float: 0px 24px 18px -20px rgba(15, 23, 42, 0.197);
  --shadow-glow: 0 0 18px rgba(6, 182, 212, 0.131);
  --shadow-x: 6px;
  --shadow-y: 6px;
  --spacing-btn-x: 2rem;
  --spacing-card: 2rem;
  --spacing-gap: 1.5rem;
  --spacing-header: 3.5rem;
  --spacing-section: 5rem;
  --spacing-section-x: clamp(1rem, 3vw, 2rem);
  --surface-color: #fdebf3;
  --text-color: #920742;
  --wp--preset--color--primary: var(--color-accent);
}