@import url('./components.css');
@import url('./modal.css');
@import url('./filters.css');

:root {
	--bb-primary: #2c3e50;
	--bb-primary-light: #3d5166;
	--bb-primary-dark: #1a252f;
	--bb-accent: #e67e22;
	--bb-accent-light: #f39c12;
	--bb-accent-dark: #d35400;
	--bb-text: #333333;
	--bb-text-muted: #6c757d;
	--bb-background: #ffffff;
	--bb-background-alt: #f8f9fa;
	--bb-border: #dee2e6;
	--bb-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--bb-font-heading: var(--bb-font-body);
	--bb-radius-md: 0.5rem;
	--bb-radius-lg: 0.75rem;
	--bb-space-sm: 0.5rem;
	--bb-space-md: 1rem;
	--bb-space-lg: 1.5rem;
}

.rm-menu,
.rm-menu__modal,
.rm-filter-modal {
	--rm-color-primary: var(--bb-primary);
	--rm-color-primary-light: var(--bb-primary-light);
	--rm-color-primary-dark: var(--bb-primary-dark);
	--rm-color-accent: var(--bb-accent);
	--rm-color-accent-light: var(--bb-accent-light);
	--rm-color-accent-dark: var(--bb-accent-dark);
	--rm-color-text: var(--bb-text);
	--rm-color-text-muted: var(--bb-text-muted);
	--rm-color-background: var(--bb-background);
	--rm-color-background-alt: var(--bb-background-alt);
	--rm-color-border: var(--bb-border);
	--rm-font-family: var(--bb-font-body);
	--rm-font-family-heading: var(--bb-font-heading);
	--rm-radius-md: var(--bb-radius-md);
	--rm-radius-lg: var(--bb-radius-lg);
	--rm-space-sm: var(--bb-space-sm);
	--rm-space-md: var(--bb-space-md);
	--rm-space-lg: var(--bb-space-lg);
}

.bb-menu-shell {
	margin-block: var(--bb-space-md);
}