/* ========================================
   NCDA - Shared base styles and tokens
   ======================================== */

:root {
    --color-black: #0d0f0e;
    --color-sand-dark: #8f6a31;
    --color-sand: #d4a853;
    --color-sand-light: #f0d39a;

    /* 字体系统 - 引用 typography.css 中的定义 */
    --font-primary: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-secondary: 'Noto Serif SC', 'Songti SC', 'STSong', serif;
    --font-display: 'ZCOOL XiaoWei', 'Noto Serif SC', cursive;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-lg: 1.125rem;
    --text-4xl: 2.25rem;
    --text-hero: clamp(2.4rem, 6vw, 4.8rem);

    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-xl: 1.5rem;
    --space-3xl: 2.5rem;

    --radius-full: 999px;
    --radius-xl: 999px;

    --transition-normal: 0.3s ease;
    --shadow-glow: 0 0 20px rgba(212, 168, 83, 0.45);

    --z-loading: 2000;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-family: var(--font-primary);
    background: var(--color-black);
    color: #fff;
}

.page-transition-overlay {
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: radial-gradient(circle at center, rgba(240, 211, 154, 0.08) 0%, rgba(13, 15, 14, 0.98) 75%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

.page-transition-overlay.active {
    opacity: 1;
    pointer-events: auto;
}