/**
 * 和纸主题配色方案 - LANTES Japan
 * 基于传统日本和纸工艺的色彩美学
 */

:root {
    /* === 和纸主色调 === */
    /* 生成色 - 米白色，和纸的基础色 */
    --washi-base: #faf8f3;
    --washi-base-light: #fefcf8;
    --washi-base-dark: #f5f2eb;
    
    /* 藍鼠色 - 深蓝灰，传统日本蓝 */
    --washi-primary: #4a6fa5;
    --washi-primary-dark: #364f7a;
    --washi-primary-light: #6b8bc7;
    --washi-primary-ultra-light: #e8f0fa;
    
    /* 茜色 - 传统红茜染色 */
    --washi-accent: #d4673c;
    --washi-accent-dark: #b8522a;
    --washi-accent-light: #e88f6b;
    
    /* 鼠色 - 灰色调，和纸的自然色 */
    --washi-neutral: #9ea4a8;
    --washi-neutral-dark: #6d7378;
    --washi-neutral-light: #d0d4d8;
    
    /* === 传统和纸辅助色 === */
    /* 桜色 - 樱花粉 */
    --washi-sakura: #f2d2d7;
    
    /* 若草色 - 嫩绿色 */
    --washi-wakakusa: #9eb981;
    
    /* 山吹色 - 金黄色 */
    --washi-yamabuki: #f8c543;
    
    /* 紫苑色 - 淡紫色 */
    --washi-shion: #a69abd;
    
    /* 白練色 - 象牙白 */
    --washi-shironen: #fbf7f0;
    
    /* === 文字颜色 === */
    --washi-text-primary: #3d4142;
    --washi-text-secondary: #5a5d5f;
    --washi-text-muted: #7a7d7f;
    --washi-text-light: #a5a8aa;
    
    /* === 背景色 === */
    --washi-bg-main: var(--washi-base);
    --washi-bg-secondary: var(--washi-shironen);
    --washi-bg-paper: #ffffff;
    --washi-bg-overlay: rgba(74, 111, 165, 0.05);
    
    /* === 边框和分割线 === */
    --washi-border: #e5e1d8;
    --washi-border-light: #f0ede6;
    --washi-border-dark: #d4cfc4;
    
    /* === 阴影 === */
    --washi-shadow-soft: 0 2px 12px rgba(74, 111, 165, 0.08);
    --washi-shadow-medium: 0 4px 24px rgba(74, 111, 165, 0.12);
    --washi-shadow-strong: 0 8px 32px rgba(74, 111, 165, 0.16);
    --washi-shadow-paper: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    
    /* === 渐变 === */
    --washi-gradient-primary: linear-gradient(135deg, var(--washi-primary) 0%, var(--washi-primary-light) 100%);
    --washi-gradient-paper: linear-gradient(145deg, var(--washi-base-light) 0%, var(--washi-base) 100%);
    --washi-gradient-overlay: linear-gradient(135deg, 
        rgba(74, 111, 165, 0.08) 0%, 
        rgba(107, 139, 199, 0.04) 50%, 
        rgba(154, 180, 189, 0.02) 100%);
    
    /* === 纸质纹理效果 === */
    --washi-texture-pattern: 
        radial-gradient(circle at 1px 1px, rgba(74, 111, 165, 0.15) 1px, transparent 0),
        radial-gradient(circle at 3px 3px, rgba(74, 111, 165, 0.08) 1px, transparent 0);
    --washi-texture-size: 4px 4px;
    
    /* === 动画和过渡 === */
    --washi-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --washi-transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* === 边框圆角 === */
    --washi-radius-sm: 4px;
    --washi-radius: 8px;
    --washi-radius-lg: 12px;
    --washi-radius-xl: 16px;
    
    /* === 传统日本色彩名称映射 === */
    --color-kurenai: var(--washi-accent);      /* 紅色 */
    --color-ai: var(--washi-primary);          /* 藍色 */
    --color-kimiidori: var(--washi-wakakusa);  /* 黃綠色 */
    --color-sumire: var(--washi-shion);        /* 菫色 */
    --color-kohaku: var(--washi-yamabuki);     /* 琥珀色 */
}

/* === 和纸主题应用 === */
.washi-theme {
    /* 重新定义主要CSS变量为和纸配色 */
    --primary-color: var(--washi-primary);
    --primary-dark: var(--washi-primary-dark);
    --primary-light: var(--washi-primary-light);
    --secondary-color: var(--washi-base);
    --accent-color: var(--washi-accent);
    --text-primary: var(--washi-text-primary);
    --text-secondary: var(--washi-text-secondary);
    --text-muted: var(--washi-text-muted);
    --border-color: var(--washi-border);
    --shadow-light: var(--washi-shadow-soft);
    --shadow-medium: var(--washi-shadow-medium);
    --shadow-heavy: var(--washi-shadow-strong);
    --border-radius: var(--washi-radius);
    --border-radius-lg: var(--washi-radius-lg);
    --transition: var(--washi-transition);
}

/* === 和纸纹理背景类 === */
.washi-texture {
    background: var(--washi-base);
    background-image: var(--washi-texture-pattern);
    background-size: var(--washi-texture-size);
    position: relative;
}

.washi-texture::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--washi-gradient-overlay);
    pointer-events: none;
}

/* === 和纸卡片样式 === */
.washi-card {
    background: var(--washi-bg-paper);
    border: 1px solid var(--washi-border);
    border-radius: var(--washi-radius-lg);
    box-shadow: var(--washi-shadow-paper);
    position: relative;
    overflow: hidden;
}

.washi-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--washi-gradient-primary);
}

.washi-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--washi-shadow-medium);
    transition: var(--washi-transition);
}

/* === 和纸按钮样式 === */
.btn-washi-primary {
    background: var(--washi-primary);
    border: none;
    color: white;
    border-radius: var(--washi-radius);
    box-shadow: var(--washi-shadow-soft);
    transition: var(--washi-transition);
}

.btn-washi-primary:hover {
    background: var(--washi-primary-dark);
    box-shadow: var(--washi-shadow-medium);
    transform: translateY(-1px);
    color: white;
}

.btn-washi-outline {
    background: transparent;
    border: 2px solid var(--washi-primary);
    color: var(--washi-primary);
    border-radius: var(--washi-radius);
    transition: var(--washi-transition);
}

.btn-washi-outline:hover {
    background: var(--washi-primary);
    color: white;
}

/* === 和纸色彩工具类 === */
.bg-washi-primary { background-color: var(--washi-primary) !important; }
.bg-washi-accent { background-color: var(--washi-accent) !important; }
.bg-washi-base { background-color: var(--washi-base) !important; }
.bg-washi-paper { background-color: var(--washi-bg-paper) !important; }

.text-washi-primary { color: var(--washi-primary) !important; }
.text-washi-accent { color: var(--washi-accent) !important; }
.text-washi-secondary { color: var(--washi-text-secondary) !important; }

.border-washi { border-color: var(--washi-border) !important; }
.border-washi-primary { border-color: var(--washi-primary) !important; }

/* Custom darker primary background for better contrast */
.bg-primary-darker { background-color: var(--washi-primary-dark) !important; }

/* === 和纸特效类 === */
.washi-shadow { box-shadow: var(--washi-shadow-soft) !important; }
.washi-shadow-medium { box-shadow: var(--washi-shadow-medium) !important; }
.washi-shadow-strong { box-shadow: var(--washi-shadow-strong) !important; }