/* ============================================================
   EPFL Design System — full stylesheet (no build required)
   Link THIS file to get tokens + base + every atomic layer:
     <link rel="stylesheet" href="css/epfl.css">
   It @imports the token layer and each atomic level in order.
   Need only tokens? Link tokens/colors_and_type.css directly instead.
   ============================================================ */

/* Foundation: tokens + base element defaults + @font-face */
@import "../tokens/colors_and_type.css";

/* Atoms */
@import "atoms/button.css";
@import "atoms/badge.css";
@import "atoms/form.css";

/* Molecules */
@import "molecules/card.css";
@import "molecules/alert.css";
@import "molecules/key-number.css";

/* Organisms */
@import "organisms/header.css";
@import "organisms/hero.css";
@import "organisms/footer.css";

/* Templates (page composition helpers) */
@import "templates/layout.css";

/* Minimal full-bleed reset so header/footer sit flush */
body { margin: 0; }