/* Base CSS - Essential imports for production pages */

/* Import Pretendard Font */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

/* Import Bootstrap CSS first */
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css');

/* Import our custom variables and components */
@import url('variables.css');
@import url('components/typography.css');
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/input.css');

/* Global Reset and Base Styles */
* {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 16px;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--color-background);
}

/* Override Bootstrap variables where needed */
:root {
  --bs-primary: #E6E6E6;
  --bs-success: var(--color-primary);
  --bs-danger: var(--color-active-red);
  --bs-info: var(--color-active-blue);
  --bs-body-font-family: var(--font-family-primary);
  --bs-body-color: var(--color-text);
  --bs-body-bg: var(--color-background);
}

/* Custom Grid System Enhancement */
.row {
  --bs-gutter-x: var(--spacing-lg);
  --bs-gutter-y: var(--spacing-md);
}