/* 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: #2dd4bf;
  --border-color-card: #cacfd5;
  --border-color-input: #bcc3ca;
  --border-width-card: 3px;
  --border-width-input: 2px;
  --brand-color: #0f2742;
  --color-accent: #2dd4bf;
  --color-accent-hover: #14b8a6;
  --color-accent-text: #14b8a6;
  --color-brand: #0f2742;
  --color-brand-dark: #0a1930;
  --color-divider: #091529;
  --color-foreground: #0a1930;
  --color-logo-on-light: #0a1930;
  --color-on-primary: #111827;
  --color-on-surface-inverse: #ffffff;
  --color-primary: #2dd4bf;
  --color-surface: #f5fbff;
  --color-surface-inverse: #0a1930;
  --color-surface-subtle: #eceef0;
  --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;
  --primary-color: #2dd4bf;
  --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);
  --surface-color: #eceef0;
  --text-color: #0a1930;
  --wp--preset--color--primary: #2dd4bf;
}

:root[data-vibe="purple-brutalist"] {
  --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: "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;
  --primary-color: #c084fc;
  --radius-button: 0px;
  --radius-card: 0px;
  --radius-chips: 2px;
  --radius-pill: 9999px;
  --shadow-card: 6px 6px 0px 0 rgba(15, 23, 42, 1);
  --shadow-color: rgb(8 47 73 / 1);
  --shadow-float: 12px 12px 0px 0 rgba(15, 23, 42, 1);
  --shadow-glow: 0 0 0px rgba(217, 70, 239, 0.486);
  --shadow-x: 6px;
  --shadow-y: 6px;
  --spacing-btn-x: 2rem;
  --spacing-card: 1.5rem;
  --spacing-gap: 1rem;
  --spacing-header: 3rem;
  --spacing-section: 4rem;
  --spacing-section-x: clamp(1rem, 3vw, 2rem);
  --surface-color: #f1edf7;
  --text-color: #2e1065;
  --wp--preset--color--primary: #c084fc;
}