@use 'themes/index' as t;
@use 'variables';
@use 'mixins';
@use 'globals';

// Layout components (topbar, footer, etc.)
@use 'layout';

// All sections imported through index
@use 'sections';

// Import Geist font from Google Fonts or local files
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap');

// CSS Reset - Add this
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

// Standard Theme (Light)
:root {
  @include t.theme-vars(t.$light-theme);
}

// Dark Theme aktiv, wenn `data-theme="dark"` am html oder body
[data-theme='dark'] {
  @include t.theme-vars(t.$dark-theme);
}

body {
  font-family: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'Roboto', sans-serif;
  background-color: var(--color-background);
  color: var(--color-text);
  margin: 0; // Explicitly remove body margin
  padding: 0; // Explicitly remove body padding
}

section {
  min-height: 100vh;
  padding: 1rem 1rem;
  margin: 0; // Remove any section margins
}

// App-level styles for routing
.app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;

  &__main {
    flex: 1;
  }
}
