@charset "UTF-8";
/* ─────────────────────────────────────────────────────────────
 * Mixins & Functions
 * Usage in any partial: @use '../mixins' as *; (or 'mixins' from root)
 * ───────────────────────────────────────────────────────────── */
/* ─────────────────────────────────────────────────────────────
 * Breakpoints (px)
 * Keep in sync with JS defaults (dynamicAdapt / spollers use 767/768)
 * ───────────────────────────────────────────────────────────── */
/* ─────────────────────────────────────────────────────────────
 * Functions
 * ───────────────────────────────────────────────────────────── */
:root {
  /* Colors — brand */
  --purple: #9540d4;
  --purple-dark: #7a2fb5;
  --purple-deep: #5b1f8a;
  --white: #fff;
  /* Colors — semantic */
  --color-text: var(--white);
  --color-bg: var(--purple);
  --color-accent: var(--purple);
  --color-muted: rgb(255 255 255 / 72%);
  --color-line: rgb(255 255 255 / 28%);
  --color-surface: rgb(255 255 255 / 10%);
  /* Typography */
  --font-family: 'Archivo', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Helvetica Neue', arial, sans-serif;
  /* Layout */
  --container-width: 40rem;
  --container-padding: 1.25rem;
  --radius: 0.875rem;
  --radius-pill: 62.4375rem;
  /* Shadows */
  --shadow-soft: 0 1.125rem 2.5rem rgb(40 6 70 / 28%);
  /* Transitions */
  --transition-fast: 0.15s;
  --transition-base: 0.3s;
  --transition-slow: 0.5s;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}