/**
 * Shared Theme - Main Entry Point
 * 共享主题样式入口文件
 *
 * 使用方法：在页面中引入此文件即可获得所有共享样式
 * <link rel="stylesheet" href="/static/css/shared-theme.css">
 *
 * 或者按需引入单独的模块：
 * - shared-backgrounds.css  - 背景效果
 * - shared-cards.css        - 卡片样式
 * - shared-components.css   - UI组件
 * - shared-animations.css   - 动画效果
 * - shared-layouts.css      - 布局样式
 */

/* === Theme Variables === */
:root {
    /* Primary Colors */
    --primary: #0089FF;
    --primary-light: #E6F4FF;
    --primary-dark: #0066CC;
    --secondary: #00C1DE;
    --accent: #7B61FF;
    --dark: #0F172A;
    --light: #F8FAFC;

    /* Tech Colors */
    --tech-blue: #2563EB;
    --tech-purple: #7C3AED;
    --tech-cyan: #06B6D4;
    --tech-green: #10B981;

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.25);
    --glass-bg-light: rgba(255, 255, 255, 0.7);
    --glass-bg-dark: rgba(15, 23, 42, 0.6);
    --glass-border: rgba(255, 255, 255, 0.4);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);

    /* Card Backgrounds */
    --card-bg: rgba(255, 255, 255, 0.8);
    --card-border: rgba(255, 255, 255, 0.6);
    --deep-bg: #0F172A;

    /* Tech Grid */
    --tech-grid: rgba(0, 137, 255, 0.03);

    /* Animation Timing */
    --transition-fast: 0.3s;
    --transition-normal: 0.4s;
    --transition-slow: 0.6s;
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}

/* === Base Styles === */
html { scroll-behavior: smooth; }

/* === Glass Core === */
.glass {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
}

.glass-white {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.9);
}