/* 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: #c084fc;
  --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;
  --brand-color: #4c1d95;
  --color-accent: #c084fc;
  --color-accent-hover: #a855f7;
  --color-accent-text: #a855f7;
  --color-brand: #4c1d95;
  --color-brand-dark: #2e1065;
  --color-divider: rgba(15, 23, 42, 0.42);
  --color-foreground: #2e1065;
  --color-logo-on-light: #2e1065;
  --color-on-primary: #111827;
  --color-on-surface-inverse: #ffffff;
  --color-primary: #c084fc;
  --color-surface: #fcfaff;
  --color-surface-inverse: #2e1065;
  --color-surface-subtle: #f1edf7;
  --font-body: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Poppins", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-ui: "Inter", ui-sans-serif, system-ui, sans-serif;
  --gradient-accent: linear-gradient(135deg, #c084fc 0%, #4c1d95 100%);
  --gradient-border: linear-gradient(135deg, #c084fc 0%, #4c1d95 100%);
  --gradient-surface: linear-gradient(180deg, #fcfaff 0%, #f1edf7 100%);
  --height-btn: 3.5rem;
  --height-btn-sm: 2.5rem;
  --height-btn-xl: 4.5rem;
  --height-input: 3.5rem;
  --motion-delay-step: 210ms;
  --motion-distance-lg: 52px;
  --motion-distance-md: 28px;
  --motion-distance-sm: 12px;
  --motion-duration-base: 980ms;
  --motion-duration-fast: 460ms;
  --motion-duration-slow: 1380ms;
  --motion-hover-lift-y: 2px;
  --motion-hover-scale-sm: 1.03;
  --motion-icon-shift-x: 0.25rem;
  --motion-media-zoom-scale: 1.08;
  --motion-overlay-duration: 220ms;
  --motion-panel-duration: 220ms;
  --motion-scale-start: 0.94;
  --motion-vehicle-distance: min(24vw, 20rem);
  --primary-color: #c084fc;
  --radius-button: 1.5rem;
  --radius-card: 1.75rem;
  --radius-chips: 9999px;
  --radius-pill: 9999px;
  --shadow-card: 20px 20px 18px -22px rgba(17, 24, 39, 0.164);
  --shadow-color: rgb(8 47 73 / 1);
  --shadow-float: 30px 30px 18px -24px rgba(17, 24, 39, 0.23);
  --shadow-glow: 0 0 18px rgba(250, 204, 21, 0.148);
  --shadow-x: 6px;
  --shadow-y: 6px;
  --spacing-btn-x: 2rem;
  --spacing-card: 2.5rem;
  --spacing-gap: 2rem;
  --spacing-header: 4rem;
  --spacing-section: 6rem;
  --spacing-section-x: clamp(1rem, 3vw, 2rem);
  --surface-color: #f1edf7;
  --text-color: #2e1065;
  --wp--preset--color--primary: #c084fc;
}

:root[data-vibe="marizela-purple-clean"] {
  --accent-color: #7A1FD0;
  --border-color-card: rgba(36, 6, 64, 0.12);
  --border-color-input: rgba(36, 6, 64, 0.20);
  --brand-color: #5DAA2F;
  --color-accent: #7A1FD0;
  --color-accent-hover: #6414AF;
  --color-accent-text: #5A149B;
  --color-brand: #5DAA2F;
  --color-brand-dark: #240640;
  --color-divider: rgba(36, 6, 64, 0.16);
  --color-foreground: #24133D;
  --color-logo-on-light: #24133D;
  --color-on-primary: #FFFFFF;
  --color-on-surface-inverse: #FFFFFF;
  --color-primary: #7A1FD0;
  --color-surface: #FFF9FF;
  --color-surface-inverse: #240640;
  --color-surface-subtle: #FBF4FF;
  --gradient-accent: linear-gradient(135deg, #7A1FD0 0%, #5DAA2F 100%);
  --gradient-border: linear-gradient(135deg, #7A1FD0 0%, #5DAA2F 100%);
  --gradient-surface: linear-gradient(180deg, #FFF9FF 0%, #FBF4FF 100%);
  --primary-color: #7A1FD0;
  --shadow-color: rgb(36 6 64 / 0.22);
  --surface-color: #FBF4FF;
  --text-color: #24133D;
  --wp--preset--color--primary: #7A1FD0;
}