@import "./colors.css";
@import "./space.css";
@import "./typescale.css";
@import "./typography.css";
@import "./typographic-hierarchy.css";

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ── Custom scrollbar ── */

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: var(--foreground-muted);
  border-radius: 100px;
}

*:hover::-webkit-scrollbar-thumb {
  background: var(--foreground-secondary);
}

*:active::-webkit-scrollbar-thumb {
  background: var(--foreground-primary);
}

:root {
  --color-fallback-debug: #f700ff;
}

.ds-grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  gap: var(--grid-gutter);
}

iconify-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
}