/**
 * ============================================
 * MAIN CSS — grinenko.pro Design System
 * ============================================
 * Entry point that imports all modules
 * 
 * Based on DESIGN.md:
 * - Gradient Descent metaphor
 * - Deep Tensor (#0F1123) dark theme
 * - Manrope + JetBrains Mono typography
 * - Mesh gradients and isoline patterns
 */

/* ─────────────────────────────────────────
   DESIGN TOKENS & FOUNDATIONS
   ───────────────────────────────────────── */
@import 'tokens.css';
@import 'typography.css';
@import 'gradients.css';
@import 'animations.css';
@import 'layout.css';

/* ─────────────────────────────────────────
   UI COMPONENTS
   ───────────────────────────────────────── */
/* @import 'components/buttons.css';
@import 'components/cards.css'; */
@import 'components/nav.css';
/* @import 'components/hero.css'; */
/* @import 'components/forms.css';
@import 'components/tables.css'; */
@import 'components/content.css';
@import 'components/effects.css';
@import 'components/footer.css';
@import 'components/talks.css';

/* ─────────────────────────────────────────
   GLOBAL DEFAULTS
   ───────────────────────────────────────── */
html {
    background: var(--color-bg);
    color: var(--color-text);
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Main content wrapper */
.main {
    flex: 1;
    width: 100%;
}

/* Page wrapper with container */
.page {
    max-width: var(--content-width);
    margin-inline: auto;
    padding: clamp(var(--space-4), 3vw, var(--space-8));
}

/* Vertical rhythm for direct children */
.page>*+* {
    margin-top: var(--space-4);
}

/* Headings in page context */
.page h1,
.page h2,
.page h3 {
    margin-top: var(--space-6);
}

.page h1:first-child,
.page h2:first-child,
.page h3:first-child {
    margin-top: 0;
}

/* ─────────────────────────────────────────
   PRINT STYLES
   ───────────────────────────────────────── */
@media print {

    .ambient-bg,
    .nav,
    .footer__social {
        display: none !important;
    }

    body {
        background: #fff;
        color: #000;
    }

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

    .page {
        max-width: none;
        padding: 0;
    }
}