/* === EXISTING IMPORTS === */
@import url('_design-tokens.css');
@import url('_components.css');
@import url('_layouts.css');
@import url('_animations.css');

/* === NEW: ATOMIC SYSTEM IMPORTS === */
@import url('atoms/numbers.css');
@import url('atoms/tickers.css');
@import url('atoms/status-indicators.css');
@import url('atoms/pills.css');

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* Global Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary), serif;
    background: var(--gradient-main);
    background-attachment: fixed;
    color: var(--color-text);
    min-height: 100vh;
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

h1, h2, h3 {
    font-weight: 600;
}