/*
 * application.css — entry stylesheet for toktokkie.
 *
 * Cascade order (explicit via @layer):
 *   base       — vendored frameworks (Pico for elements; Open Props tokens)
 *   components — our own semantic component classes
 *   utilities  — small targeted utilities (avoid; prefer components)
 *
 * All ERB markup must use semantic classes only. No utility classes in views.
 */

@layer base, components, utilities;

@import url("/assets/vendor/pico.min-4d316eba.css") layer(base);
@import url("/assets/vendor/open-props-colors.min-d8de2768.css") layer(base);
@import url("/assets/vendor/open-props-sizes.min-e98896b9.css") layer(base);
@import url("/assets/vendor/open-props-fonts.min-35c3b84d.css") layer(base);
@import url("/assets/vendor/open-props-shadows.min-256367ad.css") layer(base);
@import url("/assets/vendor/open-props-easings.min-760c484c.css") layer(base);

@import url("/assets/components/placeholder-808cf3f5.css") layer(components);