/* ─────────────────────────────────────────────────────────
   Tulco Studio — Design System
   Point d'entrée global. Liste d'@import uniquement.
   ───────────────────────────────────────────────────────── */
@import "./tokens/fonts.css";
@import "./tokens/colors.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";

/* Global media queries for responsive design */
@media (max-width: 768px) {
  :root {
    --font-size-base: 14px;
    --margin-small: 0.5rem;
    --padding-medium: 0.75rem;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :root {
    --font-size-base: 16px;
    --margin-small: 0.75rem;
    --padding-medium: 1rem;
  }
}

@media (min-width: 1201px) {
  :root {
    --font-size-base: 18px;
    --margin-small: 1rem;
    --padding-medium: 1.5rem;
  }
}