/* ============================================================
   alterfilters — Design tokens (scoped)
   Source: docs/refonte-v1/alterfilters-fo-design/tokens.css
   Scoped under .alterfilters-scope to avoid colliding with the
   theme's existing --as-* tokens (slightly different red shade).
   ============================================================ */

.alterfilters-scope {
  /* Brand */
  --as-red:            #E91E47;
  --as-red-600:        #D21942;
  --as-red-100:        #FDEAEF;

  /* Ink */
  --as-ink:            #111111;
  --as-ink-2:          #1A1A1A;
  --as-ink-3:          #2A2A2A;

  /* Neutrals */
  --as-bg:             #F3F1F5;
  --as-bg-2:           #EDEAF0;
  --as-surface:        #FFFFFF;
  --as-surface-muted:  #F7F6F9;
  --as-hairline:       #E5E3EA;
  --as-hairline-2:     #D7D4DC;
  --as-divider:        #ECE9EE;

  /* Type colors */
  --as-fg-1:           #111111;
  --as-fg-2:           #555461;
  --as-fg-3:           #8A8794;

  /* Type */
  --as-font-sans:      'DM Sans', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --as-text-xs:        12px;
  --as-text-sm:        13px;
  --as-text-base:      15px;
  --as-text-md:        16px;
  --as-text-lg:        18px;
  --as-weight-regular: 400;
  --as-weight-medium:  500;
  --as-weight-semi:    600;
  --as-weight-bold:    700;
  --as-leading-tight:  1.15;
  --as-leading-snug:   1.3;
  --as-leading-normal: 1.5;
  --as-track-tight:    -0.01em;
  --as-track-label:    0.08em;

  /* Radii */
  --as-radius-xs:      4px;
  --as-radius-sm:      6px;
  --as-radius-md:      10px;
  --as-radius-lg:      12px;
  --as-radius-pill:    999px;

  /* Elevation */
  --as-shadow-sm:      0 1px 2px rgba(17, 17, 17, 0.04),
                       0 1px 1px rgba(17, 17, 17, 0.03);
  --as-shadow-md:      0 4px 12px rgba(17, 17, 17, 0.06),
                       0 1px 2px rgba(17, 17, 17, 0.04);

  /* Spacing */
  --as-space-1:        4px;
  --as-space-2:        8px;
  --as-space-3:        12px;
  --as-space-4:        16px;
  --as-space-5:        20px;
  --as-space-6:        24px;
  --as-space-8:        32px;

  /* Transitions */
  --as-ease-out:       cubic-bezier(0.22, 0.61, 0.36, 1);
  --as-dur-fast:       120ms;
  --as-dur-med:        200ms;
  --as-dur-slow:       320ms;

  font-family: var(--as-font-sans);
  color: var(--as-fg-1);
  -webkit-font-smoothing: antialiased;
}