/* ============================================================
   Free Quote Maker — Design Tokens & Core Variables
   Visual Direction: Premium Minimalist
   Palette: Ink Navy, White, Restrained Indigo, Cool Grey
   ============================================================ */

:root {
  /* Brand & Accent */
  --wq-primary: #6257E8;
  --wq-primary-hover: #5146D8;
  --wq-primary-light: #EEEDFD;
  --wq-primary-muted: rgba(98, 87, 232, 0.08);

  /* Typography / Text */
  --wq-text-primary: #20283B;
  --wq-text-secondary: #58627A;
  --wq-text-muted: #8E98AF;
  --wq-text-inverse: #FFFFFF;

  /* Surfaces & Backgrounds */
  --wq-bg-page: #F7F8FC;
  --wq-surface: #FFFFFF;
  --wq-surface-subtle: #F1F3F8;
  --wq-surface-elevated: #FFFFFF;
  --wq-surface-card: #FFFFFF;

  /* Borders & Dividers */
  --wq-border-subtle: #E8ECF3;
  --wq-border-default: #DCE2ED;
  --wq-border-focus: #6257E8;

  /* Semantic Feedback */
  --wq-success: #16845B;
  --wq-success-bg: #EAF7F1;
  --wq-warning: #B76A12;
  --wq-warning-bg: #FEF7EE;
  --wq-danger: #C43D4B;
  --wq-danger-bg: #FDF2F3;

  /* Elevation & Shadows */
  --wq-shadow-xs: 0 1px 2px rgba(32, 40, 59, 0.04);
  --wq-shadow-sm: 0 2px 6px -1px rgba(32, 40, 59, 0.06), 0 1px 3px rgba(32, 40, 59, 0.04);
  --wq-shadow-md: 0 8px 20px -3px rgba(32, 40, 59, 0.08), 0 3px 8px -2px rgba(32, 40, 59, 0.04);
  --wq-shadow-lg: 0 16px 36px -6px rgba(32, 40, 59, 0.10), 0 6px 14px -3px rgba(32, 40, 59, 0.06);
  --wq-shadow-xl: 0 24px 56px -12px rgba(32, 40, 59, 0.14);

  /* Radii */
  --wq-radius-xs: 4px;
  --wq-radius-sm: 8px;
  --wq-radius-md: 12px;
  --wq-radius-lg: 16px;
  --wq-radius-full: 9999px;

  /* Typography Stack */
  --wq-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --wq-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --wq-font-mono: 'JetBrains Mono', 'Fira Code', Menlo, Consolas, monospace;

  /* Transitions */
  --wq-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --wq-transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --wq-transition-smooth: 320ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}