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

/* Import variables and core definitions first */
@import url('/styles/variables-onboard-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 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
 */