/*
 * 友粮官网 - CSS变量定义 (Design System v2.0)
 * 风格：自然奢华 (Organic Luxury)
 */

:root {
    /* ================= 品牌色彩系统 ================= */
    /* 主色 - 丰收金 */
    --brand-gold: #d4af37;
    --brand-gold-light: #f3e5ab;
    --brand-gold-dark: #b8962e;

    /* 辅色 - 作物绿 */
    --brand-green: #2d5a27;
    --brand-green-light: #4a7c42;
    --brand-green-dark: #1e3d1a;

    /* 中性色 - 大地与米白 */
    --brand-brown: #5d4037;
    --brand-cream: #fdfbf7;
    --brand-warm: #fff8e1;
    --brand-white: #ffffff;
    --brand-dark: #1a1a18;

    /* 渐变色 */
    --gradient-gold: linear-gradient(135deg, #d4af37 0%, #b8962e 100%);
    --gradient-green: linear-gradient(135deg, #2d5a27 0%, #1e3d1a 100%);
    --gradient-luxury: linear-gradient(to right, #2d5a27, #1e3d1a);

    /* ================= 字体系统 ================= */
    /* 标题 - 衬线体 (高端感) */
    --font-display: "Playfair Display", "Noto Serif SC", serif;
    /* 正文 - 无衬线体 (易读性) */
    --font-body: "PingFang SC", "Microsoft YaHei", sans-serif;

    /* ================= 布局与间距 ================= */
    --container-width: 1280px;
    --radius-sm: 0.25rem;    /* 4px */
    --radius-md: 0.5rem;     /* 8px */
    --radius-lg: 1rem;       /* 16px */
    --radius-xl: 1.5rem;     /* 24px */
    --radius-full: 9999px;

    /* ================= 深度与质感 ================= */
    /* 阴影 */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(93, 64, 55, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(93, 64, 55, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(93, 64, 55, 0.1);
    --shadow-gold: 0 10px 30px -5px rgba(212, 175, 55, 0.3);

    /* 玻璃态 */
    --glass-bg: rgba(253, 251, 247, 0.85);
    --glass-border: 1px solid rgba(255, 255, 255, 0.5);
    --glass-blur: blur(12px);

    /* ================= 动画 ================= */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    /* ================= 排版系统优化 (Typography) ================= */
    --leading-tight: 1.1;       /* 大标题 */
    --leading-snug: 1.35;       /* 副标题 */
    --leading-relaxed: 1.8;     /* 正文长段落 */

    --tracking-tighter: -0.03em; /* 大标题紧凑 */
    --tracking-tight: -0.01em;
    --tracking-normal: 0;
    --tracking-wide: 0.02em;     /* 正文微量字间距 */
    --tracking-wider: 0.05em;    /* 导航/按钮 */
    --tracking-widest: 0.25em;   /* 装饰性小标 */

    /* ================= 光影与质感 (Light & Texture) ================= */
    /* 弥散光感阴影 */
    --shadow-gold-glow: 0 10px 40px -10px rgba(212, 175, 55, 0.6);
    --shadow-green-glow: 0 10px 40px -10px rgba(45, 90, 39, 0.4);

    /* 高级卡片悬浮阴影 */
    --shadow-card-hover:
        0 20px 40px -5px rgba(93, 64, 55, 0.1),
        0 10px 15px -5px rgba(93, 64, 55, 0.05);
}

/* 全局重置与基础样式 */
html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    color: var(--brand-brown);
    background-color: var(--brand-cream);
    -webkit-font-smoothing: antialiased;
    line-height: var(--leading-relaxed);
    letter-spacing: var(--tracking-wide);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: var(--tracking-tighter);
}

/* 噪点纹理工具类 - 增加纸质感 */
.bg-noise {
    position: relative;
}
.bg-noise::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    /* 使用SVG data URI生成噪点 */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");
    opacity: 0.04;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: multiply;
}