/** Shopify CDN: Minification failed

Line 73:0 All "@import" rules must come first

**/
/**
 * A Need Vault – global design tokens
 * Tech Hunk blue brand palette
 * Loaded globally from layout/theme.liquid
 */

:root {
  /* Tech Hunk blue brand palette */
  --av-brand-primary: #143b82;
  --av-brand-dark: #0e2650;
  --av-brand-hover: #0b5ad9;
  --av-brand-light: #e8f0ff;
  --av-brand-accent: #1a6fd4;
  --av-brand-gradient: linear-gradient(135deg, #1a6fd4, #143b82);

  /* Legacy aliases (sections/CSS may still reference these) */
  --av-gold-primary: var(--av-brand-primary);
  --av-gold-dark: var(--av-brand-dark);
  --av-gold-hover: var(--av-brand-hover);
  --av-gold-light: var(--av-brand-light);
  --av-gold-accent: var(--av-brand-accent);
  --av-gold-gradient: var(--av-brand-gradient);

  /* Neutrals */
  --av-ink: #1a1a1a;
  --av-ink-muted: #4a4a4a;
  --av-surface: #ffffff;
  --av-surface-alt: #f3f3f3;

  /* Typography */
  --av-font-display: var(--font-heading-family), sans-serif;
  --av-font-body: var(--font-body-family), sans-serif;
  --av-font-accent: 'Poppins', var(--font-body-family), sans-serif;

  /* Spacing scale */
  --av-space-xs: 0.4rem;
  --av-space-sm: 0.8rem;
  --av-space-md: 1.6rem;
  --av-space-lg: 2.4rem;
  --av-space-xl: 4rem;

  /* Radius */
  --av-radius-sm: 8px;
  --av-radius-md: 16px;
  --av-radius-lg: 24px;
  --av-radius-pill: 999px;

  /* Shadows */
  --av-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.08);
  --av-shadow-md: 0 10px 24px rgba(0, 0, 0, 0.12);
  --av-shadow-brand: 0 4px 20px rgba(20, 59, 130, 0.28);
  --av-shadow-gold: var(--av-shadow-brand);

  /* Motion */
  --av-ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --av-duration: 0.3s;

  /* RGB for translucent highlights */
  --av-brand-rgb: 20, 59, 130;
  --av-gold-rgb: var(--av-brand-rgb);
}

::selection {
  background-color: rgba(var(--av-brand-rgb), 0.22);
  color: var(--av-ink, #1a1a1a);
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');