/* ============================================================
   hobbs.design — main stylesheet (v5 architecture)
   ------------------------------------------------------------
   Atomic Design, one direction of dependency:

     dist/tokens.css   design tokens (link BEFORE this file)
     base/             reset + element defaults + a11y foundations
     atoms/            typography, link, button, chip
     molecules/        project-row, field
     organisms/        nav, footer, index-hero, case-hero, sheet
     layout/           grid + page scaffolding

   Rules:
   1. Everything below base/ uses semantic tokens only.
      A raw hex or rem value outside dist/tokens.css is a bug.
   2. The accent red is links and CTAs only.
   3. Hierarchy comes from size and opacity, not hue or weight.
   ============================================================ */

@import url('base/reset.css');
@import url('base/global.css');

@import url('atoms/typography.css');
@import url('atoms/link.css');
@import url('atoms/button.css');
@import url('atoms/chip.css');
@import url('atoms/icon.css');
@import url('atoms/media.css');

@import url('molecules/project-row.css');
@import url('molecules/field.css');
@import url('molecules/stat.css');
@import url('molecules/section-header.css');
@import url('molecules/link-list.css');

/* sheet before nav: the navigation panel is a sheet variant, so its
   overrides have to come after the base it modifies. */
@import url('organisms/sheet.css');
@import url('organisms/nav.css');
@import url('organisms/footer.css');
@import url('organisms/index-hero.css');
@import url('organisms/how-i-work.css');
@import url('organisms/case-hero.css');
@import url('organisms/work-index.css');
@import url('organisms/contact.css');

@import url('layout/grid.css');
@import url('utilities/xray.css');