/* Generated by Connecto Vibe Control. Do not edit directly. */
:root[data-vibe="custom"] {
  --accent-color: #7dd3fc;
  --border-color-card: rgba(15, 23, 42, 0.14);
  --border-color-input: rgba(15, 23, 42, 0.22);
  --border-width-card: 1px;
  --border-width-input: 1px;
  --brand-color: #164e63;
  --color-accent: #7dd3fc;
  --color-accent-hover: #38bdf8;
  --color-accent-text: #38bdf8;
  --color-brand: #164e63;
  --color-brand-dark: #083344;
  --color-divider: rgba(15, 23, 42, 0.18);
  --color-foreground: #083344;
  --color-logo-on-light: #083344;
  --color-on-primary: #111827;
  --color-on-surface-inverse: #ffffff;
  --color-primary: #7dd3fc;
  --color-surface: #f5fdff;
  --color-surface-inverse: #083344;
  --color-surface-subtle: #ecf1f3;
  --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;
  --height-btn: 3.5rem;
  --height-btn-sm: 2.5rem;
  --height-btn-xl: 4.5rem;
  --height-input: 3.5rem;
  --primary-color: #7dd3fc;
  --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(30 58 95 / 0.2);
  --shadow-float: 12px 12px 0px 0 rgba(15, 23, 42, 1);
  --shadow-glow: 0 0 0px rgba(217, 70, 239, 0.486);
  --shadow-x: 0px;
  --shadow-y: 10px;
  --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: #ecf1f3;
  --text-color: #083344;
  --wp--preset--color--primary: #7dd3fc;
}