/* Rails 8 + Propshaft Compatible CSS */
/* Converting from Sprockets *= require to CSS @import */

/* External dependencies */
/* @import "link-styles.css"; - File removed */

/* Design tokens — this block is the canonical token import order:
   base → foundations → palettes → primitives → semantic → brand → themes.
   Later layers reference variables defined by earlier ones, so keep the order.
   Guarded by test/design_system/eldritch_ui_css_guardrails_test.rb. */
@import url("/assets/eldritch_ui/tokens/base-709dd11a.css");
/* Foundation tokens */
@import url("/assets/eldritch_ui/tokens/foundations/colors-61a1a412.css");
@import url("/assets/eldritch_ui/tokens/foundations/spacing-4cdc6d9f.css");
@import url("/assets/eldritch_ui/tokens/foundations/typography-26aaf1ae.css");
@import url("/assets/eldritch_ui/tokens/foundations/borders-890ea731.css");
@import url("/assets/eldritch_ui/tokens/foundations/shadows-b59f1c1f.css");
@import url("/assets/eldritch_ui/tokens/foundations/sizing-73198331.css");
@import url("/assets/eldritch_ui/tokens/foundations/layout-2283ce65.css");
@import url("/assets/eldritch_ui/tokens/foundations/motion-8e51ef7e.css");
/* Color palettes */
@import url("/assets/eldritch_ui/tokens/palettes/mystical-gold-d8e5844b.css");
@import url("/assets/eldritch_ui/tokens/palettes/arcane-blue-9ebc5ad3.css");
@import url("/assets/eldritch_ui/tokens/palettes/enchanted-green-3b16e7ef.css");
@import url("/assets/eldritch_ui/tokens/palettes/phoenix-red-5b62efc5.css");
@import url("/assets/eldritch_ui/tokens/palettes/parchment-neutral-043195de.css");
@import url("/assets/eldritch_ui/tokens/palettes/shadow-slate-c34c5a9e.css");
@import url("/assets/eldritch_ui/tokens/palettes/ancient-oak-5688bb7b.css");
@import url("/assets/eldritch_ui/tokens/palettes/ancient-clay-33047b1d.css");
@import url("/assets/eldritch_ui/tokens/palettes/celestial-sky-feb9405a.css");
@import url("/assets/eldritch_ui/tokens/palettes/mystic-heather-d4c8c19b.css");
/* Primitive mappings - MUST load before semantic tokens */
@import url("/assets/eldritch_ui/tokens/foundations/primitives-1419bac0.css");
/* Semantic tokens */
@import url("/assets/eldritch_ui/tokens/semantic-f1bf1ad2.css");
@import url("/assets/eldritch_ui/tokens/semantic/component-b20e0604.css");
@import url("/assets/eldritch_ui/tokens/semantic/spacing-2dd76b61.css");
/* Theme tokens */
@import url("/assets/eldritch_ui/tokens/spellbooks-0e8297c2.css");
@import url("/assets/eldritch_ui/tokens/themes/spellbooks-light-49fbd696.css");
@import url("/assets/eldritch_ui/tokens/themes/spellbooks-dark-7c4e1abb.css");


/* Utilities */
@import url("/assets/eldritch_ui/utilities-35e3d354.css");
@import url("/assets/eldritch_ui/utilities/color-demo-48076c6a.css");
@import url("/assets/eldritch_ui/utilities/spacing-5757f290.css");

/* Components */
@import url("/assets/eldritch_ui/components-000b7f74.css");

/* App component styles (Spellbooks domain components, moved out of the
   design system in Stage 5; relative order preserved from the old
   eldritch_ui/components.css manifest). */
@import url("/assets/components/answer_choice-c90cb36e.css");
@import url("/assets/components/assign_students_form-cb5acee6.css");
@import url("/assets/components/attentive_progress-6b85bd4c.css");
@import url("/assets/components/quest_card-d4eeaaf4.css");
@import url("/assets/components/quest_image-a4b55cbd.css");
@import url("/assets/components/quest_item-743276a9.css");
@import url("/assets/components/status_pill-1bb4828e.css");
@import url("/assets/components/inspiration_card-bdb6b8dc.css");
@import url("/assets/components/question_stepper-e4d7321e.css");
@import url("/assets/components/popular_tags-652532e7.css");
@import url("/assets/components/quest_run_card-31ae411a.css");
@import url("/assets/components/reading_passage-9b1eb118.css");
@import url("/assets/components/sidebar-8121af64.css");
@import url("/assets/components/student_quests_container-f6278397.css");
@import url("/assets/components/student_detail-8cad44db.css");
@import url("/assets/components/student_section-345a5e97.css");
@import url("/assets/components/student_hero-e2f51e6f.css");
@import url("/assets/components/student_quest_card-6f4b281f.css");
@import url("/assets/components/student_activity_timeline-ca16ff6d.css");
@import url("/assets/components/student_about-d83a39a1.css");
@import url("/assets/components/template_card-3d33d91d.css");
@import url("/assets/components/waylon-1cb4d29f.css");

/* Page & feature styles (app-owned; moved out of the design system).
   Loaded after the design system so page-scoped overrides keep winning.
   Relative order preserved from the old components.css manifest. */
@import url("/assets/pages/grimoire-a20ff9b8.css");
@import url("/assets/pages/answer_edit-98fb9577.css");
@import url("/assets/pages/authentication-0f9a1f75.css");
@import url("/assets/pages/quest_questions-40e40de8.css");
@import url("/assets/flash_message-4a98999b.css");
@import url("/assets/pages/profile-3fe373fa.css");
@import url("/assets/pages/settings-85b81741.css");
@import url("/assets/pages/public_quest-485ab8b2.css");
@import url("/assets/pages/quest_new_page-0feaea89.css");
@import url("/assets/pages/interest_pill-a538f28a.css");
@import url("/assets/pages/bridge_card-7ca6ff85.css");
@import url("/assets/pages/question_common_core-083debec.css");
@import url("/assets/pages/student_profile-bab8a578.css");
@import url("/assets/pages/students_directory-cca59fb9.css");
@import url("/assets/pages/student_form-b0f7b113.css");
@import url("/assets/pages/question_form-681c6b16.css");
@import url("/assets/pages/quest_visibility-0dbee21f.css");
@import url("/assets/pages/quest_preview-4edd98c0.css");
@import url("/assets/pages/quests_index-f5aa787d.css");
@import url("/assets/pages/quest_run-52ad0664.css");

/* Shared app chrome */
@import url("/assets/header-3d2044a0.css");

/* Application-specific styles */
@import url("/assets/quests-d5639caf.css");
@import url("/assets/quest_editor-edde4a09.css");
@import url("/assets/components/answer_choices-a43b259b.css");

/* Progress indicator animations */
@keyframes progress-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.progress-pulse-animation {
  animation: progress-pulse 1s ease-out;
}

/* Generation status transitions */
.generation-status [data-phase] {
  transition: background-color 0.3s ease-out;
}

/* Make sure phase indicators show transitions smoothly */
.generation-status [data-phase].eld-text-primary {
  transition: all 0.3s ease-out;
}