/* Foundation Styles */
@import url('css/base/tailwind-theme.css');


/*
 * CSS Architecture Documentation
 * 
 * QR Punk uses Tailwind CSS v4 + DaisyUI v5 with ZERO custom component CSS:
 * 
 * CSS STRUCTURE:
 * - tailwind-theme.css: Custom DaisyUI theme with QR Punk brand colors
 * 
 * DESIGN SYSTEM STRATEGY:
 * - Tailwind utilities: Layout, spacing, typography, responsive design
 * - DaisyUI components: Buttons (btn-primary), cards, forms, semantic UI patterns
 * - Inline SVG: Visual elements like arrows and icons (no CSS needed)
 * - Custom theme: Single source of truth for brand colors and design tokens
 * 
 * COLOR TOKEN USAGE:
 * - Primary: btn-primary, text-primary, bg-primary (heavily used)
 * - Base: bg-base-100/200/300, text-base-content (background hierarchy)
 * - State: btn-error, text-error (user feedback)
 * - Neutral: bg-neutral, text-neutral-content (footer, dark elements)
 */