/* Main CSS - Import all stylesheets */
@import url('./reset.css');
@import url('./variables.css');
@import url('./typography.css');
@import url('./utilities.css');
@import url('./components.css');
@import url('./responsive.css');

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Selection styles */
::selection {
  background: var(--color-gray);
  color: var(--color-white);
}

/* Focus styles */
*:focus-visible {
  outline: 2px solid var(--color-gray);
  outline-offset: 2px;
}

/* Main layout */
body {
  background-color: var(--color-primary);
  color: var(--color-white);
}

/* International language support */
html[lang="en"] {
  --font-size-scale: 1;
}

html[lang="ru"] {
  --font-size-scale: 1;
}

/* RTL language support */
html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] .header__nav {
  flex-direction: row-reverse;
}

html[dir="rtl"] .storyboard-grid {
  direction: rtl;
}