/* Ko2 Design System - Main Entry Point */
/* Design Direction: "Void Luxe" - Deep space meets luxury tech */
/* Version: 2.0.0 */

/* =================================
   DESIGN TOKENS
   Core visual language
   ================================= */
@import url('tokens/colors.css');
@import url('tokens/typography.css');
@import url('tokens/spacing.css');
@import url('tokens/effects.css');

/* =================================
   COMPONENTS
   Reusable UI elements
   ================================= */
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/forms.css');
@import url('components/modals.css');
@import url('components/navigation.css');

/* =================================
   UTILITIES
   Helper classes & animations
   ================================= */
@import url('utilities/animations.css');
@import url('utilities/layout.css');

/* =================================
   GOOGLE FONTS
   Premium typography
   ================================= */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* Satoshi from Fontshare (or fallback) */
@font-face {
    font-family: 'Satoshi';
    src: url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap');
    font-display: swap;
}

/* JetBrains Mono for code */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');