/* ========================================================================= */
/* File: css/base.css                                                        */
/* ========================================================================= */
@import url('/theme/css/reset.css');
@import url('/theme/css/color.css');
@import url('/theme/css/iconography.css');
@import url('/theme/css/layout.css');
@import url('/theme/css/typography.css');
@import url('/theme/css/site/side-navigation.css');
@import url('/theme/css/site/header.css');
@import url('/theme/css/site/footer.css');
@import url('/theme/css/components/pagination.css');
@import url('/theme/css/content/blog.css');
@import url('/theme/css/content/estimate.css');
@import url('/theme/css/content/gallery.css');
@import url('/theme/css/content/page.css');

:root {
  /* Accessibility */
  --target-min-size--pointer: 24px;
  --target-min-size--tap: 44px;
  --tap-size--base: max(var(--target-min-size--tap), 3rem);
  --tap-width: var(--tap-size--base);
  --tap-height: var(--tap-size--base);

  /* Borders */
  --border-width--base: .125rem;
  --border-width--thin: calc(var(--border-width--base) / 2);
  --border-width--thick: calc(var(--border-width--base) * 2);
  --border-radius: .25rem;
}