/* ============================================================
   PANSONIC PHOTO LAB — CSS Entry Point
   ITCSS layers imported in cascade order via @layer
   ============================================================ */

@layer tokens, generic, layout, objects, components, pages, animations, modes, utilities;

/* 00 — Settings/Tokens */
@import url('./00-tokens/photo-tokens.css') layer(tokens);

/* 01 — Generic (reset + base typography) */
@import url('./01-base/reset.css') layer(generic);
@import url('./01-base/typography.css') layer(generic);

/* 02 — Layout/Grid */
@import url('./02-layout/grid.css') layer(layout);

/* 04 — Objects (layout patterns) */
@import url('./04-objects/layout-objects.css') layer(objects);

/* 05 — Components */
@import url('./05-components/header.css') layer(components);
@import url('./05-components/footer.css') layer(components);
@import url('./05-components/buttons.css') layer(components);
@import url('./05-components/cards.css') layer(components);
@import url('./05-components/checklist.css') layer(components);
@import url('./05-components/reflection.css') layer(components);
@import url('./05-components/quiz.css') layer(components);
@import url('./05-components/modal.css') layer(components);
@import url('./05-components/bottom-bar.css') layer(components);
@import url('./05-components/gamification.css') layer(components);
@import url('./05-components/gallery.css') layer(components);
@import url('./05-components/module-colors.css') layer(pages);
@import url('./05-components/glossary-advanced.css') layer(components);
@import url('./05-components/tool-modal.css') layer(components);
@import url('./05-components/track-selector.css') layer(components);
@import url('./05-components/connections.css') layer(components);
@import url('./05-components/photo-sim-camera.css') layer(components);
@import url('./05-components/sim-exposure.css') layer(components);
@import url('./05-components/sim-dof.css') layer(components);
@import url('./05-components/sim-composition.css') layer(components);
@import url('./05-components/step-list.css') layer(components);
@import url('./05-components/polaroid.css') layer(components);
@import url('./05-components/app-tiles.css') layer(components);
@import url('./05-components/viewfinder-workflow.css') layer(components);
@import url('./05-components/shot-cards.css') layer(components);
@import url('./05-components/feature-cards.css') layer(components);
@import url('./05-components/lens-cards.css') layer(components);
@import url('./05-components/spec-cards.css') layer(components);
@import url('./05-components/mode-cards.css') layer(components);
@import url('./05-components/aperture-cards.css') layer(components);
@import url('./05-components/speed-timeline.css') layer(components);
@import url('./05-components/iso-meter.css') layer(components);
@import url('./05-components/light-quality-cards.css') layer(components);
@import url('./05-components/tool-colors.css') layer(components);
@import url('./05-components/light-playground.css') layer(components);
@import url('./05-components/color-wheel-playground.css') layer(components);
@import url('./05-components/color-temp-cards.css') layer(components);
@import url('./05-components/color-emotion-cards.css') layer(components);
@import url('./05-components/portrait-light-playground.css') layer(components);
@import url('./05-components/pose-guide-cards.css') layer(components);
@import url('./05-components/landscape-time-playground.css') layer(components);
@import url('./05-components/macro-playground.css') layer(components);
@import url('./05-components/filter-playground.css') layer(components);
@import url('./05-components/skill-assessment.css') layer(components);
@import url('./05-components/capstone-components.css') layer(components);
@import url('./05-components/capstone-smartphone-cards.css') layer(components);

/* 06 — Pages */
@import url('./06-pages/home.css') layer(pages);
@import url('./06-pages/chapter.css') layer(pages);
@import url('./06-pages/share.css') layer(pages);

/* 09 — Animations */
@import url('./09-animations/animations.css') layer(animations);

/* 08 — Modes */
@import url('./08-modes/classroom-mode.css') layer(modes);

/* 07 — Utilities/Trumps */
@import url('./07-utilities/utilities.css') layer(utilities);