// Fusion bank reconciliation design tokens.
// COLOR uses BS5 CSS custom properties (--bs-*) declared inline in
// bank_reconciliation.scss / ai_suggestion.scss so dark mode flips
// automatically. SCSS vars below are for spacing/typography only.

// Spacing scale (4px increments)
$fusion-space-1:                   0.25rem;
$fusion-space-2:                   0.5rem;
$fusion-space-3:                   0.75rem;
$fusion-space-4:                   1rem;
$fusion-space-5:                   1.25rem;
$fusion-space-6:                   1.5rem;
$fusion-space-8:                   2rem;

// Typography
$fusion-font-family:               -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
$fusion-font-size-xs:              0.75rem;
$fusion-font-size-sm:              0.875rem;
$fusion-font-size-base:            1rem;
$fusion-font-size-lg:              1.125rem;
$fusion-font-size-xl:              1.25rem;

$fusion-font-weight-normal:        400;
$fusion-font-weight-medium:        500;
$fusion-font-weight-semibold:      600;
$fusion-font-weight-bold:          700;

// Borders + radii
$fusion-border-radius-sm:          0.25rem;
$fusion-border-radius:             0.375rem;
$fusion-border-radius-md:          0.5rem;
$fusion-border-radius-lg:          0.75rem;

// Shadows (alpha-based; works in light + dark)
$fusion-shadow-sm:                 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$fusion-shadow:                    0 1px 3px 0 rgba(0, 0, 0, 0.1);
$fusion-shadow-md:                 0 4px 6px -1px rgba(0, 0, 0, 0.1);
$fusion-shadow-lg:                 0 10px 15px -3px rgba(0, 0, 0, 0.1);

// Animation
$fusion-transition-fast:           150ms ease-in-out;
$fusion-transition-base:           200ms ease-in-out;
$fusion-transition-slow:           300ms ease-in-out;