/* ============================================
Ainomori Common Styles
靛之森共用樣式
============================================
統一色彩變數、字體載入、基本重置。
各頁面引入此檔後，可覆蓋或擴展特定變數。
使用方式：在 中加入
然後移除頁面內重複的 Google Fonts 和 :root 中已包含的變數。
============================================ */
/* ============================================
Google Fonts — 全站共用
============================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
/* ============================================
CSS Variables — 靛之森統一色彩系統
============================================ */
:root {
/* ── Indigo 靛色系（主色調）── */
--indigo-deepest: #050510;
--indigo-deep: #0a0a1a;
--indigo-dark: #0d1033;
--indigo-mid: #1a1a4e;
--indigo-light: #2d3a8c;
--indigo-bright: #4a6fd9;
--indigo-glow: #00bfff;
--indigo-crystal: #7dd3fc;
/* Aliases（向後相容 talent-page.css 命名） */
--indigo-darkest: #050510; /* = --indigo-deepest */
--indigo-primary: #1a1a3e; /* ≈ --indigo-mid，talent 頁專用色 */
/* ── Gold 金色系 ── */
--gold-dark: #8B7355;
--gold-mid: #b8860b;
--gold-primary: #d4af37;
--gold-light: #f4d47c;
--gold-glow: #ffd700;
--gold-pale: #fff8dc;
/* ── Parchment 羊皮紙色系（故事頁、古典風格）── */
--parchment-dark: #d4c4a8;
--parchment-mid: #e8dcc8;
--parchment-light: #f5f0e6;
--parchment-pale: #faf8f3;
/* Aliases（向後相容 talent-page.css 命名） */
--cream: #f5f0e6; /* = --parchment-light */
--cream-dark: rgba(245, 240, 230, 0.7);
/* ── Forest 森林色系 ── */
--forest-dark: #0d1a10;
/* ── Text 文字色 ── */
--text-primary: #e8f0ff;
--text-secondary: rgba(200, 220, 255, 0.7);
--text-gold: #f4d47c;
--text-dark: #2c2416;
/* ── Typography 字體 ── */
--font-display: 'Cinzel', serif;
--font-chinese: 'Noto Serif TC', serif;
--font-chinese-sans: 'Noto Sans TC', sans-serif;
--font-accent: 'Cormorant Garamond', serif;
/* ── Spacing 間距 ── */
--space-xs: 8px;
--space-sm: 16px;
--space-md: 24px;
--space-lg: 48px;
--space-xl: 80px;
/* ── Transitions 過渡效果 ── */
--transition-fast: 0.2s ease;
--transition-smooth: 0.4s ease;
}
/* ============================================
Reset — 基本重置
============================================ */
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
/* ============================================
Base Typography — 基礎排版
============================================ */
body {
font-family: var(--font-chinese);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* ============================================
Utility — 輔助類別
============================================ */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}