/* ══════════════════════════════════════════════════════════════════════
   MAIN — CSS entry point
   Layer order defines cascade priority.
   Version: 2.2 - fonts.css extracted for esbuild bundle compat
   ══════════════════════════════════════════════════════════════════════ */

/* Layer declaration */
@layer reset, tokens, base, layout, components, vendor, overrides;

/* ── Fonts ────────────────────────────────────────────────────────────── */
/* @font-face rules live in fonts.css, loaded via the @import waterfall.   */
/* CSS bundling via esbuild is not currently used (see package.json).      */
@import url("./fonts.css");

/* ── Foundations ─────────────────────────────────────────────────────── */
@import url("./tokens.css")     layer(tokens);
@import url("./typography.css") layer(base);

/* ── Layout ──────────────────────────────────────────────────────────── */
@import url("./grid.css")       layer(layout);

/* ── Components ──────────────────────────────────────────────────────── */
@import url("./components/reset.css") layer(reset);
@import url("./components/links.css")      layer(components);
@import url("./components/header.css")     layer(components);
@import url("./components/animations.css") layer(components);
@import url("./components/media.css")      layer(components);
@import url("./components/utilities.css")  layer(components);
@import url("./components/telegramme.css") layer(components);
@import url("./sidenotes.css")             layer(components);
@import url("./poem-overlay.css")          layer(components);

/* ── Templates ───────────────────────────────────────────────────────── */
@import url("./templates/home.css")    layer(components);
@import url("./templates/notes.css")   layer(components);
@import url("./templates/note.css")    layer(components);
@import url("./templates/poems.css")   layer(components);
@import url("./templates/termine.css") layer(components);

/* ── Vendor ──────────────────────────────────────────────────────────── */
@import url("./vendor/photoswipe.css") layer(vendor);

/* ── Overrides (last — intentionally wins) ───────────────────────────── */
@import url("./custom.css") layer(overrides);
@import url("./overrides/photoswipe-fix.css") layer(overrides);
@import url("./overrides/zettel-footnotes.css") layer(overrides);

/* ── View Transition animations — intentionally NOT in any layer ─────── */
/* ::view-transition-* pseudo-element rules must be unlayered so they     */
/* apply correctly in Safari 18 (which ignores cascade-layered VT rules). */
@import url("./components/view-transitions.css");