/* ==========================================================================
   style.css — Master stylesheet manifest (V4 Design System)
   KHDA Career Advisor Chatbot

   Architecture: Modular CSS partials loaded in dependency order.
   DO NOT add styles here — edit the relevant partial in public/css/

   Load order:
     1. _tokens      — CSS custom properties (single source of truth)
     2. _base        — Reset, html/body, typography, scrollbar, focus
     3. _animations  — @keyframes + utility animation classes
     4. _layout      — App shell, sidebar, header, footer, containers
     5. _messages    — Chat bubbles, typing indicator, toast
     6. _input       — Input wrapper, send button, option buttons, chips
     7. _welcome     — Welcome/landing screen (pre-first-message)
     8. _quiz        — RIASEC quiz progress, rating buttons
     9. _report      — Career report sections, blockquotes, lifestyle cards
    10. _buttons     — Persistent action buttons (PDF, end chat, etc.)
    11. _riasec      — Hexagon chart, legend, dimension display
    12. _cards       — Career cards, university carousel, salary bars
    13. _modals      — University modal, comparison, favorites, share
    14. _tooltips    — Tooltips, popovers, match explanations, mini-bars
    15. _responsive  — All media queries (breakpoints, print, a11y)
   ========================================================================== */

/* 1. Design tokens — must be first */
@import url('./css/_tokens.css');

/* 2. Base reset & typography */
@import url('./css/_base.css');

/* 3. Animation keyframes & utility classes */
@import url('./css/_animations.css');

/* 4. App layout shell */
@import url('./css/_layout.css');

/* 5. Chat messages */
@import url('./css/_messages.css');

/* 6. Input area */
@import url('./css/_input.css');

/* 7. Welcome screen */
@import url('./css/_welcome.css');

/* 8. RIASEC quiz */
@import url('./css/_quiz.css');

/* 9. Career report */
@import url('./css/_report.css');

/* 10. Persistent action buttons */
@import url('./css/_buttons.css');

/* 11. RIASEC hexagon chart */
@import url('./css/_riasec.css');

/* 12. Career & university cards */
@import url('./css/_cards.css');

/* 13. Modal overlays */
@import url('./css/_modals.css');

/* 14. Tooltips & popovers */
@import url('./css/_tooltips.css');

/* 15. Responsive / media queries — must be last */
@import url('./css/_responsive.css');