/* ============================================================
   PANSONIC VIDEO LAB — CSS Entry Point
   ITCSS layers imported in cascade order via @layer
   ============================================================
   Layer order (weakest → strongest specificity):
   tokens < generic < layout < objects < components < pages
   < animations < modes < utilities
   ============================================================ */

/* Declare layer order */
@layer tokens, generic, layout, objects, components, pages, animations, modes, utilities;

/* 00 — Settings/Tokens */
@import url('./00-tokens/video-tokens.css') layer(tokens);
@import url('./00-tokens/sim-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/buttons.css') layer(components);
@import url('./05-components/cards.css') layer(components);
@import url('./05-components/fab.css') layer(components);
@import url('./05-components/modal.css') layer(components);
@import url('./05-components/checklist.css') layer(components);
@import url('./05-components/track-selector.css') layer(components);
@import url('./05-components/global-progress.css') layer(components);
@import url('./05-components/nav-status.css') layer(components);
@import url('./05-components/gamification.css') layer(components);
@import url('./05-components/glossary-advanced.css') layer(components);
@import url('./05-components/tool-modal.css') layer(components);
@import url('./05-components/video-player.css') layer(components);
@import url('./05-components/quiz.css') layer(components);
@import url('./05-components/connections.css') layer(components);
@import url('./05-components/reflection.css') layer(components);
@import url('./05-components/bottom-bar.css') layer(components);
@import url('./05-components/sim-camera.css') layer(components);
@import url('./05-components/sim-lighting.css') layer(components);
@import url('./05-components/sim-timeline.css') layer(components);
@import url('./05-components/sim-composition.css') layer(components);
@import url('./05-components/sim-color-swipe.css') layer(components);

/* 06 — Pages */
@import url('./06-pages/home.css') layer(pages);
@import url('./06-pages/chapter.css') layer(pages);
@import url('./05-components/module-colors.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);