/**
 * maxxia-onboard-finance Brand - Main Stylesheet
 *
 * This file imports all brand-specific stylesheets to provide
 * a complete implementation of the maxxia-onboard-finance brand guidelines
 *
 * Usage: Import this single file in your HTML to access all brand styles:
 * <link rel="stylesheet" href="styles/maxxia-onboard-finance-brand.css">
 */

/* Import variables and core definitions first */
@import url('/styles/variables-maxxia-finance.css');

/* Import font definitions */
@import url('/styles/fonts.css');

/* Import brand typography */
@import url('/styles/typography.css');
/* Import color utilities */
@import url('/styles/color-utilities.css');

/* Import accessibility styles */
@import url('/styles/accessibility.css');

/*
 * Component-specific styles should be imported after the
 * core brand styles to allow for proper overrides.
 */

/**
 * For developers:
 *
 * This stylesheet provides a complete set of maxxia-onboard-finance brand styles including:
 *
 * 1. Color Palette - Primary and secondary brand colors as CSS variables and utility classes
 * 2. Typography - Source Sans in all weights with proper sizing and accessibility
 * 3. Decorative Font - Kabut Hitam for optional friendly elements
 * 4. Accessibility - WCAG AA compliant color combinations and focus styles
 * 5. Utility Classes - For backgrounds, text, borders, and more
 *
 * For more detailed documentation, please refer to brand-guidelines.md
 */