/* ═══════════════════════════════════════════════════════════════
   Voropaev CV — IDE Design System
   Global entry point. Consumers link THIS file only.
   Keep this file as @import lines (+ minimal resets) only.
   ═══════════════════════════════════════════════════════════════ */

@import url('./tokens/fonts.css');
@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/motion.css');

/* ── Minimal, theme-aware reset ── */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--page-bg);
  color: var(--text-primary);
  transition: var(--t-color);
}

::selection {
  background: var(--ide-selection);
  color: var(--text-heading);
}

a { color: var(--accent); text-decoration: none; transition: var(--t-ui); }
a:hover { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; }

:focus-visible {
  outline: none;
  box-shadow: var(--ring);
  border-radius: var(--r-sm);
}