/* Main CSS File - Imports all other stylesheets */

/* Import order matters - variables first, then reset, then components and layout */
@import url('variables.css');
@import url('reset.css');
@import url('components.css');
@import url('layout.css');

/* Additional utility classes */

/* Text utilities */
.text-primary {
  color: var(--color-text);
}

.text-secondary {
  color: var(--color-text-muted);
}

.text-accent {
  color: var(--color-accent-primary);
}

/* Spacing utilities */
.mt-1 { margin-top: var(--spacing-md); }
.mt-2 { margin-top: var(--spacing-xl); }
.mt-3 { margin-top: var(--spacing-2xl); }

.mb-1 { margin-bottom: var(--spacing-md); }
.mb-2 { margin-bottom: var(--spacing-xl); }
.mb-3 { margin-bottom: var(--spacing-2xl); }

/* Display utilities */
.hidden {
  display: none;
}

.visible {
  display: block;
}

/* Smooth scroll offset for fixed nav */
body {
  scroll-padding-top: 0;
}

/* Selection color */
::selection {
  background-color: var(--color-accent-tertiary);
  color: var(--color-primary);
}

::-moz-selection {
  background-color: var(--color-accent-tertiary);
  color: var(--color-primary);
}