/* Optimized Main CSS - Non-critical styles */
/* Critical styles are inlined in the HTML head */

/* ⚠️ NOT IN THE LIVE RENDER PATH (verified 2026-07-02). No template loads this
   file — all layouts load css/modern.css instead. Anything only reachable via
   this file (e.g. the column-level width cap in objects/_containers-dnd.css)
   never renders. Wire it into a layout or delete it; do not treat it as
   authoritative. See docs/api-page-crud.md "Centering content to 1200px". */

/* Tools */
{% include './tools/_macros.css' %}

/* Generic - Only what's not in critical CSS */
/* Normalize and reset are partially in critical.css */

/* Objects - Layout patterns */
{% include './objects/_layout.css' %}
{% include './objects/_containers-dnd.css' %}

/* Elements - Extended styling (critical styles already inlined) */
{% include './elements/_typography.css' %}
{% include './elements/_buttons.css' %}
{% include './elements/_forms.css' %}
{% include './elements/_tables.css' %}
{% include './elements/_fonts.css' %}

/* Components */
{% include './components/_header.css' %}
{% include './components/_default-modules.css' %}
{% include './components/_cards-shared.css' %}

/* Utilities - Helper classes */
{% include './utilities/_helper.css' %}

/* Performance optimizations */
/* Use CSS containment for better rendering performance */
.card,
.module,
.section {
  contain: layout style;
}

/* Optimize animations */
* {
  will-change: auto;
}

/* Only animate transform and opacity for best performance */
.transition-optimized {
  transition: transform 0.3s ease, opacity 0.3s ease;
}