/* DA: Guinguette Néon — laboite-photobooth.fr */
/* generated by eagle-da-generator — edit da.json, not this file */
:root {
  --color-primary: #5B2EE0;
  --color-accent: #FF6B4A;
  --color-neutrals-0: #FFFBF3;
  --color-neutrals-50: #FFF3E0;
  --color-neutrals-100: #F5E4CC;
  --color-neutrals-300: #D9C4A3;
  --color-neutrals-500: #8C7A63;
  --color-neutrals-700: #4A3E30;
  --color-neutrals-900: #1E1720;
  --color-semantic-success: #2F9E5C;
  --color-semantic-warn: #E0A030;
  --color-semantic-error: #D93B3B;

  --color-on-primary: #FFFBF3;
  --color-on-accent: #1E1720;
  --color-on-neutrals-0: #1E1720;
  --color-on-neutrals-50: #1E1720;
  --color-on-neutrals-900: #FFFBF3;
  --color-on-accent-large: #1E1720;

  --font-display: "Archivo Black", sans-serif;
  --font-body: "Manrope", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --text-xs: 0.640rem;
  --text-sm: 0.800rem;
  --text-base: 1.000rem;
  --text-lg: clamp(1.118rem, 1.066rem + 0.230vw, 1.250rem);
  --text-xl: clamp(1.398rem, 1.333rem + 0.287vw, 1.562rem);
  --text-2xl: clamp(1.747rem, 1.666rem + 0.359vw, 1.953rem);
  --text-3xl: clamp(2.184rem, 2.083rem + 0.448vw, 2.441rem);
  --text-4xl: clamp(2.730rem, 2.604rem + 0.560vw, 3.052rem);
  --text-5xl: clamp(3.412rem, 3.254rem + 0.700vw, 3.815rem);

  --space-0: 0rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 6rem;
  --space-16: 8rem;
  --space-24: 12rem;

  --radius-card: 0px;
  --radius-button: 2px;
  --border-width: 2px;
  --shadow: 6px 6px 0 var(--color-primary);
  --ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration: 220ms;
  --color-accent-hover: #e05e41;
  --focus-ring: #FF6B4A;
  --color-primary-hover: #6b43e3;
}

@media (prefers-reduced-motion: reduce) {
  :root { --duration: 0.01ms; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}