/* ============================================
   STYLES
   ============================================ */

/* tokens */
@import url('./styles/tokens/tokens-colors.css');
@import url('./styles/tokens/tokens-effects.css');
@import url('./styles/tokens/tokens-font-family.css');
@import url('./styles/tokens/tokens-font-weight.css');
@import url('./styles/tokens/tokens-gap.css');
@import url('./styles/tokens/tokens-radius.css');
@import url('./styles/tokens/tokens-spacing.css');
@import url('./styles/tokens/tokens-typography.css');
@import url('./styles/tokens/tokens-width.css');

/* semantic */
@import url('./styles/semantic/semantic-buttons.css');
@import url('./styles/semantic/semantic-colors.css');

/* base */
@import url('./styles/base/reset.css');
@import url('./styles/base/base.css');
@import url('./styles/base/typography.css');

/* ============================================
   LAYOUT
   ============================================ */
@import url('./layout/grid/grid.css');
@import url('./layout/header/header.css');
@import url('./layout/footer/footer.css');

/* ============================================
   COMPONENTS
   ============================================ */
@import url('./components/buttons/buttons.css');
@import url('./components/faq/faq.css');
@import url('./components/video-wrapper/video-wrapper.css');

/* ============================================
   SHARED SECTIONS
   ============================================ */
@import url('./sections/shared/hero/hero.css');
@import url('./sections/shared/brand-hub-nav/brand-hub-nav.css');
@import url('./sections/shared/branding-divider/branding-divider.css');
@import url('./sections/shared/howdy-logo/howdy-logo.css');
@import url('./sections/shared/brand-guidelines/brand-guidelines.css');
@import url('./sections/shared/copy-toast/copy-toast.css');
@import url('./sections/shared/quick-access/quick-access.css');
@import url('./sections/shared/timeline/timeline.css');


/* ============================================
   SECTIONS
   ============================================ */
/* index */
@import url('./sections/index/hero/hero.css');
@import url('./sections/index/creative/creative.css');
@import url('./sections/index/creative/card-media.css');
@import url('./sections/index/tools/tools.css');
@import url('./sections/index/library/library.css');

/* motion */
@import url('./sections/motion/hero/hero.css');
@import url('./sections/motion/principles/principles.css');
@import url('./sections/motion/animation/animation.css');

/* brand us */
@import url('./sections/brand-us/hero/hero.css');
@import url('./sections/brand-us/logo/logo.css');
@import url('./sections/brand-us/typography/typography.css');
@import url('./sections/brand-us/palette/palette.css');

/* brand latam */
@import url('./sections/brand-latam/hero/hero.css');
@import url('./sections/brand-latam/logo/logo.css');
@import url('./sections/brand-latam/typography/typography.css');
@import url('./sections/brand-latam/palette/palette.css');

/* iconography */
@import url('./sections/iconography/hero/hero.css');
@import url('./sections/iconography/gallery/gallery.css');

/* colors */
@import url('./sections/colors/hero/hero.css');
@import url('./sections/colors/palette/palette.css');

/* typography */
@import url('./sections/typography/hero/hero.css');
@import url('./sections/typography/type/type.css');

/* photos */
@import url('./sections/photos/hero/hero.css');
@import url('./sections/photos/gallery/gallery.css');

/* assets */
@import url('./sections/assets/hero/hero.css');
@import url('./sections/assets/gallery/gallery.css');

/* presentations */
@import url('./sections/presentations/hero/hero.css');
@import url('./sections/presentations/gallery/gallery.css');

/* videos */
@import url('./sections/videos/hero/hero.css');
@import url('./sections/videos/gallery/gallery.css');

/* templates */
@import url('./sections/templates/hero/hero.css');
@import url('./sections/templates/gallery/gallery.css');

/* logos */
@import url('./sections/logos/hero/hero.css');
@import url('./sections/logos/gallery/gallery.css');

/* figma libraries */
@import url('./sections/figma-libraries/hero/hero.css');
@import url('./sections/figma-libraries/content/content.css');

/* brand identity */
@import url('./sections/brand-identity/hero/hero.css');
@import url('./sections/brand-identity/content/content.css');

/* messaging */
@import url('./sections/messaging/hero/hero.css');
@import url('./sections/messaging/content/content.css');

/* prompt builder */
@import url('./sections/prompt-builder/hero/hero.css');
@import url('./sections/prompt-builder/prompt-builder/prompt-builder.css');
@import url('./sections/prompt-builder/prompt-gallery/prompt-gallery.css');

/* job description builder */
@import url('./sections/job-description-builder/hero/hero.css');
@import url('./sections/job-description-builder/job-prompt-builder/job-prompt-builder.css');
@import url('./sections/job-description-builder/job-prompt-builder-gallery/job-prompt-builder-gallery.css');

/* writing guidelines */
@import url('./sections/writing-guidelines/hero/hero.css');
@import url('./sections/writing-guidelines/content/content.css');

/* glossary */
@import url('./sections/glossary/hero/hero.css');
@import url('./sections/glossary/content/content.css');

/* onboarding */
@import url('./sections/onboarding/hero/hero.css');
@import url('./sections/onboarding/content/content.css');

/* contact */
@import url('./sections/contact/hero/hero.css');
@import url('./sections/contact/content/content.css');