/**
 * Purpose: Single CSS entry point for the entire site.
 *
 * Architecture: ITCSS (Inverted Triangle CSS)
 * Layers are ordered from low to high specificity using @layer.
 *
 * IMPORTANT: @layer order declaration MUST come before every @import.
 * An @import before @layer causes browsers to ignore all subsequent imports.
 *
 * Layer map:
 *   settings  → design tokens (custom properties)
 *   generic   → reset / normalize
 *   elements  → unclassed HTML defaults
 *   objects   → layout patterns (no cosmetic styling)
 *   components → UI components
 *   utilities → single-purpose helper classes
 */

@layer settings, generic, elements, objects, components, utilities;

/* Settings — design tokens */
@import url("base/variables.css") layer(settings);

/* Generic — cross-browser baseline */
@import url("base/reset.css") layer(generic);

/* Elements — typographic & accessibility defaults */
@import url("base/typography.css") layer(elements);
@import url("base/accessibility.css") layer(elements);

/* Objects — structural layout */
@import url("layout/containers.css") layer(objects);
@import url("layout/grid.css") layer(objects);

/* Components — reusable UI blocks */
@import url("components/navigation.css") layer(components);
@import url("components/footer.css") layer(components);
@import url("components/buttons.css") layer(components);
@import url("components/cards.css") layer(components);
@import url("components/hero.css") layer(components);
@import url("components/three-self.css") layer(components);
@import url("components/why-matters.css") layer(components);
@import url("components/featured-research.css") layer(components);
@import url("components/journal-preview.css") layer(components);
@import url("components/forms.css") layer(components);
@import url("components/editorial-textures.css") layer(components);
@import url("components/editorial-composition.css") layer(components);
@import url("components/page-hero.css") layer(components);
@import url("components/newsletter-band.css") layer(components);

/* Homepage editorial refinements */
@import url("pages/home.css") layer(components);
@import url("pages/home-identity.css") layer(components);
@import url("pages/home-composition.css") layer(components);

/* About page */
@import url("pages/about.css") layer(components);

/* Research page */
@import url("pages/research.css") layer(components);

/* Journal page */
@import url("pages/journal.css") layer(components);

/* Resources page */
@import url("pages/resources.css") layer(components);

/* Connect page */
@import url("pages/connect.css") layer(components);

/* Cobalt accent balance */
@import url("components/editorial-accent.css") layer(components);

/* Utilities — opt-in helpers (highest specificity within architecture) */
@import url("utilities/helpers.css") layer(utilities);

/* Fonts — loaded last; external @import must not precede @layer or block local imports */
@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400&family=Inter:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap");