/*
 * Deincode design system — main stylesheet
 *
 * Architecture (cascade order matters; each layer references the previous):
 *   1. reset.css      — modern minimal reset, prefers-reduced-motion guard
 *   2. tokens.css     — @font-face declarations + --dc-* custom properties
 *                       (single source of truth for the entire system)
 *   3. base.css       — element defaults (h1–h6, p, a, table, form, ...)
 *   4. layout.css     — composition primitives (container, section, stack,
 *                       cluster, split, grid, center, flow)
 *   5. components.css — semantic patterns (btn, badge, card, callout,
 *                       eyebrow, lead, divider, tag, prose, verified)
 *
 * Naming convention: .dc-component or .dc-component--modifier.
 * No hardcoded pixel values inside components — everything flows from tokens.
 *
 * Fonts: self-hosted in /assets/fonts/ for DSGVO compliance.
 * See docs/decisions.md (2026-04-28) for rationale.
 *
 * @import is used here for clarity during the design-system phase. A future
 * build step can concatenate these into a single file for production.
 */

@import url("reset.css");
@import url("tokens.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");