/* 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: #67e8f9;
  --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: #08131f;
  --color-accent: #67e8f9;
  --color-accent-hover: #22d3ee;
  --color-accent-text: #22d3ee;
  --color-brand: #08131f;
  --color-brand-dark: #050c14;
  --color-divider: rgba(15, 23, 42, 0.42);
  --color-foreground: #ecedee;
  --color-logo-on-light: #050c14;
  --color-on-primary: #111827;
  --color-on-surface-inverse: #ecedee;
  --color-primary: #67e8f9;
  --color-surface: #111827;
  --color-surface-inverse: #050c14;
  --color-surface-subtle: #0e1624;
  --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(145deg, #67e8f9 0%, #050c14 100%);
  --gradient-border: linear-gradient(135deg, #67e8f9 0%, #08131f 100%);
  --gradient-surface: linear-gradient(180deg, #111827 0%, #08131f 100%);
  --height-btn: 3.5rem;
  --height-btn-sm: 2.5rem;
  --height-btn-xl: 4.5rem;
  --height-input: 3.5rem;
  --primary-color: #67e8f9;
  --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: 2rem;
  --spacing-gap: 1.5rem;
  --spacing-header: 3.5rem;
  --spacing-section: 5rem;
  --spacing-section-x: clamp(1rem, 3vw, 2rem);
  --surface-color: #0e1624;
  --text-color: #ecedee;
  --wp--preset--color--primary: #67e8f9;
}