/* Base styles and variables */
:root {
	--primary-color: #3498db;
	--secondary-color: #2c3e50;
	--background-color: #f8f9fa;
	--text-color: #333;
	--accent-color: #e74c3c;
	--space: 1rem;
  }
    
/* Tabs */
.tab-nav {
display: flex;
background-color: var(--secondary-color);
border-radius: 8px 8px 0 0;
overflow: hidden;
}

.tab-nav button {
padding: 1rem 1.5rem;
background-color: transparent;
color: #fff;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}

.tab-nav button:hover,
.tab-nav button.selected {
background-color: var(--primary-color);
}


.svelte-iibkxk .stretch {
display: none;
}

/* Utility classes */
.text-center { text-align: center; }
.text-right { text-align: right; }
.font-bold { font-weight: 700; }
.text-small { font-size: 0.875rem; }
.text-large { font-size: 1.25rem; }
.mt-1 { margin-top: 1rem; }
.mb-1 { margin-bottom: 1rem; }
.ml-1 { margin-left: 1rem; }
.mr-1 { margin-right: 1rem; }