/* ============================================================
   goodapp.pro — theme.css
   ตัวแปรสี Dark (default) + Light mode — แก้ธีมที่ไฟล์นี้ไฟล์เดียว
   ============================================================ */
  /* ==========================================================
     DARK MODE (ค่าเริ่มต้น / default) — ปรับที่นี่สำหรับโหมดมืด
     ========================================================== */
  :root{
    --bg:#020617;
    --bg-2:#0A1120;
    --card:rgba(15,23,42,.6);
    --card-solid:#0F172A;
    --line:#1E293B;
    --ink:#E7EAF0;
    --muted:#8B96A8;
    --heading:#fff;
    --topbar-bg:rgba(2,6,23,.7);
    --header-bg:rgba(2,6,23,.55);
    --footer-bg:rgba(2,6,23,.9);

    --c-tech:#22D3EE;   --c-tech-rgb:34,211,238;
    --c-ev:#34D399;     --c-ev-rgb:52,211,153;
    --c-review:#A855F7; --c-review-rgb:168,85,247;
    --c-game:#EC4899;   --c-game-rgb:236,72,153;
    --c-trend:#FBBF24;  --c-trend-rgb:251,191,36;
    --c-life:#2DD4BF;   --c-life-rgb:45,212,191;
    --c-watch:#FF0000;  --c-watch-rgb:255,0,0;

    --nav-hover:#22D3EE; --nav-hover-rgb:34,211,238;   /* สีขอบ hover เมนู (dark = cyan เดิม) */
    --accent-grad-1:#22D3EE; --accent-grad-2:#2563EB;  /* gradient ticker-label/newsletter (dark = cyan→blue) */
    --accent-rgb:34,211,238;  /* สีขอบ ticker-row (dark = cyan) */
    --active-grad-1:#22D3EE; --active-grad-2:#A855F7;  /* gradient เมนูที่เลือก (dark = cyan→purple เดิม) */
    --grid-rgb:34,211,238;    /* สีเส้นกริดพื้นหลัง .atmosphere (dark = cyan) */
    --grid-opacity:.08;
    --dots-rgb:34,211,238;    /* สีจุดพื้นหลัง .atmosphere (dark = cyan) */
    --dots-opacity:.15;
    --particle-a:34,211,238;  /* สีอนุภาค canvas เส้นที่ 1 (dark = cyan) */
    --particle-b:168,85,247;  /* สีอนุภาค canvas เส้นที่ 2 (purple) */

    --font-display:'Noto Sans Thai', sans-serif;
    --font-body:'Noto Sans Thai', sans-serif;
    --font-mono:'JetBrains Mono','Noto Sans Thai', monospace;
  }

  /* ==========================================================
     LIGHT MODE (warm tone) — ปรับที่นี่สำหรับโหมดสว่างเท่านั้น
     ทุกค่าอยู่ใน body:has(#darkmode-toggle:checked) ตัวเดียว
     ========================================================== */
  body:has(#darkmode-toggle:checked){
    /* พื้นผิว / surfaces */
    --bg:#F5F1E8; --bg-2:#EDE7D8;
    --card:rgba(255,255,255,.66); --card-solid:#FFFFFF;
    --line:#E3D8C0; --ink:#4A3F2E; --muted:#8A7B65; --heading:#2E2418;
    --topbar-bg:rgba(245,241,232,.85); --header-bg:rgba(245,241,232,.75); --footer-bg:rgba(237,231,216,.92);

    /* สี accent ต่อหมวด (เข้มขึ้นเพื่อคอนทราสต์บนพื้นสว่าง) */
    --c-tech:#0891B2;   --c-tech-rgb:8,145,178;
    --c-review:#7C3AED; --c-review-rgb:124,58,237;
    --c-game:#BE185D;   --c-game-rgb:190,24,93;
    --c-trend:#B45309;  --c-trend-rgb:180,83,9;
    --c-watch:#DC2626;  --c-watch-rgb:220,38,38;

    /* nav hover ยังเป็นเหลือง/ส้มเหมือนเดิม แต่เข้มขึ้นเล็กน้อยให้เห็นชัดบนพื้นสว่าง */
    --nav-hover:#EEC97C; --nav-hover-rgb:238,201,124;
    --accent-grad-1:#FCD34D; --accent-grad-2:#F59E0B;  /* gradient ticker-label/newsletter โทนอุ่น (อ่อนลง) */
    --accent-rgb:245,158,11;  /* สีขอบ ticker-row โทนอุ่น */
    --active-grad-1:#F59E0B; --active-grad-2:#EA580C;  /* gradient เมนูที่เลือก โทนอุ่น */

    /* พื้นหลัง grid/dots/particle — ส้มอ่อน เห็นชัดแทนที่จะจางแทบมองไม่เห็น */
    --grid-rgb:234,88,12;    --grid-opacity:.10;
    --dots-rgb:234,88,12;    --dots-opacity:.18;
    --particle-a:234,88,12;  --particle-b:124,58,237;
  }
  body:has(#darkmode-toggle:checked) ::selection{color:#020617;}