/*
 * Ignorant Galaxy — 设计令牌（Design Tokens）
 * 集中管理所有 CSS 变量，由 Galaxy.Config 嵌入提供
 */

:root {
    /* ── 品牌色 ── */
    --color-primary: #6366f1;
    --color-primary-dark: #4f46e5;
    --color-primary-light: #a5b4fc;

    /* ── 背景 ── */
    --color-bg: #f8fafc;
    --color-bg-dark: #0f172a;

    /* ── 侧边栏 ── */
    --color-sidebar: #1e1b4b;
    --color-sidebar-text: #e0e7ff;

    /* ── 卡片 / 内容 ── */
    --color-card: #ffffff;
    --color-text: #1e293b;
    --color-text-secondary: #64748b;

    /* ── 边框 ── */
    --color-border: #e2e8f0;

    /* ── 语义色 ── */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-error: #ef4444;

    /* ── 圆角 / 阴影 ── */
    --radius: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);

    /* ── 毛玻璃结构 ── */
    --glass-blur: 16px;

    /* ── 顶栏结构 ── */
    --topbar-position: fixed;
    --topbar-z: 100;
    --topbar-blur: var(--glass-blur);

    /* ── 液态玻璃结构 ── */
    --liquid-blur: 20px;
    --liquid-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    --liquid-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    --liquid-shine: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.2) 100%);

    /* ── 间距 ── */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* ── 字体 ── */
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Cascadia Code', 'Fira Code', monospace;
}

/* ── 全局文字白色渐变描边 + 阴影（任何背景都清晰可读）── */
*, *::before, *::after {
    -webkit-text-stroke: 0.2px rgba(255, 255, 255, 0.15);
    text-shadow:
        0 0 3px rgba(255, 255, 255, 0.08),
        0 0 8px rgba(255, 255, 255, 0.04),
        0 1px 2px rgba(0, 0, 0, 0.5);
}

h1, h2, h3, h4, h5, h6 {
    -webkit-text-stroke: 0.3px rgba(255, 255, 255, 0.2);
    text-shadow:
        0 0 6px rgba(255, 255, 255, 0.12),
        0 0 20px rgba(165, 180, 252, 0.15),
        0 2px 4px rgba(0, 0, 0, 0.6);
}