/* === BRAND-AWARE STYLES === */
/* This template now uses the brand system for all styling.
 * CSS variables are automatically generated from the brand.json file
 * and injected into the template during build.
 * 
 * Key brand variables available:
 * - --brand-primary-color, --brand-secondary-color, --brand-accent-color
 * - --brand-font-family-primary, --brand-font-family-secondary, --brand-font-family-mono
 * - --brand-font-size-h1, --brand-font-size-h2, --brand-font-size-body, etc.
 * - --brand-spacing-xs, --brand-spacing-sm, --brand-spacing-md, etc.
 * - --brand-border-radius-small, --brand-border-radius-medium, --brand-border-radius-large
 * - --brand-shadow-small, --brand-shadow-medium, --brand-shadow-large
 * - --brand-primary-gradient, --brand-secondary-gradient, --brand-hero-gradient
 * 
 * The template automatically falls back to sensible defaults if brand variables are not available.
 */

/* Additional brand-specific component styles can be added here */