/* Vonix Co WordPress Theme - Production CSS
   Author: Salamat Ali (Vonix Co.)
*/

:root {
  --vonix-primary: #7C3AED;
  --vonix-primary-hover: #6D28D9;
  --vonix-lavender: #A78BFA;
  --vonix-lavender-bg: #F5F3FF;
  --vonix-text-main: #17152A;
  --vonix-text-muted: #646477;
  --vonix-bg-light: #F8F8FC;
  --vonix-border: #E9E7F0;
  --vonix-white: #FFFFFF;
}

html {
  scroll-behavior: smooth;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--vonix-text-main);
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--vonix-white);
  -webkit-font-smoothing: antialiased;
}

/* Header & Navigation */
.vonix-header {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

/* Accordion Animation */
.faq-icon {
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-block;
}

.faq-btn[aria-expanded="true"] .faq-icon {
  transform: rotate(45deg);
}

/* Card hover elevations */
.card-hover {
  transition: all 0.25s ease;
}

.card-hover:hover {
  border-color: var(--vonix-lavender);
  box-shadow: 0 10px 25px -5px rgba(124, 58, 237, 0.08);
  transform: translateY(-2px);
}

/* Responsive containers */
.vonix-container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

/* Form Styles */
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--vonix-primary);
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
}