@layer tokens, reset, base, layout, components, utilities;

@import "assets/css/tokens.css" layer(tokens);
@import "assets/css/reset.css" layer(reset);
@import "assets/css/base.css" layer(base);
@import "assets/css/layout.css" layer(layout);
@import "assets/css/surfaces.css" layer(components);
@import "assets/css/header.css" layer(components);
@import "assets/css/hero.css" layer(components);
@import "assets/css/sections.css" layer(components);
@import "assets/css/projects.css" layer(components);
@import "assets/css/pages.css" layer(components);
@import "assets/css/responsive.css" layer(utilities);

/* Product-only navigation and footer; the product page layout stays unchanged. */
@layer utilities {
  .header__brand-name { max-width: none; white-space: nowrap; }
  .header__avatar { border: 0; border-radius: 12px; }
  .header__nav-link--download { color: var(--accent); background: var(--accent-soft); }
  .standalone-footer__links { display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-5); justify-content: center; }
  .standalone-footer__links a { display: inline-flex; align-items: center; min-height: 44px; }
  .site-footer__bottom { justify-content: center; }
  .product-hero__actions { width: 100%; }
}