:root {
  /* =========================================================
     MỆNH THỔ 1991 (TÂN MÙI - LỘ BÀNG THỔ) COLOR PALETTE
     - Bản mệnh: Vàng be cát, Caramel, Nâu đất ấm, Cà phê sữa
     - Tương sinh (Hỏa sinh Thổ): Hồng đất nung (Terracotta), Đào ấm, Cam gạch
     ========================================================= */

  /* Light Theme (Warm Earthy Pastel / Bullet Journal) */
  --bg-primary: #FAF6EE;         /* Nền giấy be yến mạch mịn */
  --bg-secondary: #FFFFFF;       /* Nền thẻ trắng tinh khôi */
  --bg-card: #FFFDF9;            /* Thẻ nội dung màu be ấm */
  --bg-card-hover: #FFF9F0;       
  --bg-dot: #E5DACB;             /* Màu chấm lưới Dot Grid */
  
  --text-primary: #332722;       /* Nâu espresso đậm (dịu mắt hơn đen gắt) */
  --text-secondary: #6B574D;     /* Nâu đất trung tính */
  --text-muted: #9E897E;         /* Nâu be nhạt */

  --accent-primary: #D97736;     /* Caramel nướng ấm áp */
  --accent-primary-hover: #BF6223;
  --accent-secondary: #E07A5F;   /* Terracotta / Hồng đất nung */
  --accent-secondary-hover: #C9664D;
  --accent-tertiary: #F4A261;    /* Vàng cát sa mạc */
  --accent-gold: #E9C46A;        /* Vàng mật ong nắng ấm */

  --badge-progress-bg: #FFEAD2;
  --badge-progress-text: #B45309;
  --badge-completed-bg: #E3F2E1;
  --badge-completed-text: #2D6A4F;
  --badge-idea-bg: #F3E8FF;
  --badge-idea-text: #6B21A8;

  --border-color: #332722;       /* Viền vẽ tay nâu đậm cá tính */
  --border-subtle: #EADFD0;
  
  --shadow-solid: 4px 4px 0px #332722;
  --shadow-solid-sm: 2px 2px 0px #332722;
  --shadow-solid-lg: 6px 6px 0px #332722;
  --shadow-hover: 6px 6px 0px #332722;
  --shadow-active: 1px 1px 0px #332722;

  --input-bg: #FFFDF9;
  --input-border: #332722;
  --input-focus-border: #D97736;

  /* Card Pastel Accents (Mệnh Thổ & Tương Sinh Hỏa) */
  --card-pastel-1: #FFE5D9; /* Hồng đào ấm */
  --card-pastel-2: #FFF1CD; /* Vàng bơ mềm */
  --card-pastel-3: #E8D8C8; /* Nâu be latte */
  --card-pastel-4: #E2ECE9; /* Xanh ngọc bích nhạt dịu */

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --font-heading: 'Comfortaa', 'Baloo 2', 'Quicksand', cursive, sans-serif;
  --font-body: 'Quicksand', 'Segoe UI', -apple-system, sans-serif;
  --font-handwriting: 'Patrick Hand', 'Caveat', cursive;

  --transition-smooth: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-fast: all 0.15s ease-in-out;
}

/* =========================================================
   COZY NIGHT DARK MODE (Ánh đèn bàn ấm áp lúc nửa đêm)
   ========================================================= */
[data-theme="dark"] {
  --bg-primary: #1C1513;         /* Nâu than gỗ nướng ấm cúng */
  --bg-secondary: #261E1A;       /* Nền thẻ màu nâu gụ */
  --bg-card: #2B211D;            /* Thẻ bài viết màu đất trầm */
  --bg-card-hover: #342924;
  --bg-dot: #3A2E29;             /* Chấm lưới dạ quang mờ */

  --text-primary: #F7EFE6;       /* Trắng kem ấm */
  --text-secondary: #D4C3B7;     /* Be sáng dịu mắt */
  --text-muted: #9E897E;

  --accent-primary: #F4A261;     /* Vàng cam hổ phách phát sáng */
  --accent-primary-hover: #FFB37A;
  --accent-secondary: #F28E79;   /* Hồng san hô ấm */
  --accent-secondary-hover: #FFA592;
  --accent-tertiary: #E9C46A;
  --accent-gold: #F6D585;

  --badge-progress-bg: #472D18;
  --badge-progress-text: #FDBA74;
  --badge-completed-bg: #1B3D2F;
  --badge-completed-text: #86EFAC;
  --badge-idea-bg: #3B1F54;
  --badge-idea-text: #D8B4FE;

  --border-color: #594239;       /* Viền sáng hơn nền đêm */
  --border-subtle: #3A2D26;

  --shadow-solid: 4px 4px 0px #0F0B0A;
  --shadow-solid-sm: 2px 2px 0px #0F0B0A;
  --shadow-solid-lg: 6px 6px 0px #0F0B0A;
  --shadow-hover: 6px 6px 0px #0F0B0A;
  --shadow-active: 1px 1px 0px #0F0B0A;

  --input-bg: #221A17;
  --input-border: #594239;
  --input-focus-border: #F4A261;

  --card-pastel-1: #382520;
  --card-pastel-2: #3B301B;
  --card-pastel-3: #2E2822;
  --card-pastel-4: #1F2D29;
}