/*
888     888          888 888    Y88b   d88P
888     888          888 888     Y88b d88P
888     888          888 888      Y88o88P
Y88b   d88P  .d88b.  888 888888    Y888P         .d8888b .d8888b  .d8888b
 Y88b d88P  d88""88b 888 888       d888b        d88P"    88K      88K
  Y88o88P   888  888 888 888      d88888b       888      "Y8888b. "Y8888b.
   Y888P    Y88..88P 888 Y88b.   d88P Y88b  d8b Y88b.         X88      X88
    Y8P      "Y88P"  888  "Y888 d88P   Y88b Y8P  "Y8888P  88888P'  88888P'
*/

/**
 * Volt CSS - Classless stylesheet for elegant, readable web documents
 *
 * Design Philosophy:
 * - Classless: Style semantic HTML5 elements directly
 * - Dual theme: Automatic light/dark mode via prefers-color-scheme
 * - Typography-first: Optimized for reading and information density
 * - Accessible: WCAG AA contrast ratios, keyboard navigation support
 * - Responsive: Mobile-first, adapts gracefully to all screen sizes
 *
 * Inspired by: magick.css, latex-css, sakura, matcha, mvp.css
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/* Design system tokens */
@import './variables.css';
@import './base.css';
@import './typography.css';
@import './forms.css';
@import './components.css';
@import './collections.css';
@import './media.css';