/* ═══════════════════════════════════════════════════════════════
   Theme: Light Clean — 明亮專業風
   檔案: resources/css/themes/light-clean.css
   
   淺色背景 + 深藍強調, 適合追求信任感、專業度的站點
   按鈕文字需要反白才易讀, 已透過 --btn-text 處理
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── 背景層級 (由淺到深) ── */
  --bg-deep: #f1f5f9;
  --bg-body: #f8fafc;
  --bg-card: #ffffff;
  --bg-card-hover: #f0f4ff;
  --bg-surface: #e2e8f0;

  /* ── 主色 (Indigo) ── */
  --gold: #4f46e5;
  --gold-dim: #4338ca;
  --gold-glow: rgba(79, 70, 229, 0.1);
  --accent-border: rgba(79, 70, 229, 0.25);
  --color-link: #4f46e5;       /* 文章內文連結色 (靛藍, 白底高對比) */

  /* ── 語意色 (飽和度略降, 淺底更和諧) ── */
  --green: #16a34a;
  --blue: #2563eb;
  --red: #dc2626;
  --orange: #ea580c;
  --purple: #9333ea;

  /* ── 文字 (深色文字在淺底上) ── */
  --text-1: #0f172a;
  --text-2: #475569;
  --text-3: #94a3b8;

  /* ── 邊框 ── */
  --border: #e2e8f0;
  --border-2: #cbd5e1;

  /* ── 圓角 ── */
  --r: 12px;
  --r-sm: 8px;
  --r-lg: 20px;

  /* ── 陰影 (淺色主題用更柔和的陰影) ── */
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.08);

  /* ── 字型 ── */
  --font-d: 'Outfit', ui-sans-serif, system-ui, sans-serif;
  --font-b: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-m: 'JetBrains Mono', ui-monospace, monospace;

  /* ── 導航列 ── */
  --nav-h: 64px;
  --nav-bg: rgba(255, 255, 255, 0.92);
  --nav-blur: blur(12px);

  /* ── 按鈕 ── */
  --btn-gradient: linear-gradient(135deg, var(--gold), var(--gold-dim));
  --btn-shadow: 0 2px 8px rgba(79, 70, 229, 0.2);
  --btn-shadow-hover: 0 4px 16px rgba(79, 70, 229, 0.35);
}