@use 'themes' as t;
@use 'variables';
@use 'mixins';
@use 'globals';
@use 'topbar';
@use 'hero-section';
@use 'about-section';

// 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 {
  height: 100vh;
  margin: 0; // Remove any section margins
}