/* ==================================================================
   THEME 10 — ดำชมพู (Dark / Hot Pink)
   ------------------------------------------------------------------
   schema เดียวกับ theme_1..9 · --on-brand = อักษรบนปุ่มสีหลัก
================================================================== */
:root {
    color-scheme: dark;

    /* ========= โทนสีหลัก ========= */
    --main:    #ff4fa3;   /* สีแบรนด์ (ชมพูสด) */
    --secound: #9d174d;   /* สีรอง */
    --bg-main: #1a0612;   /* พื้นการ์ด / panel */
    --text:    #ffffff;
    --hover:   #ff7bba;
    --border:  #ff4fa3;
    --on-brand: #2a0618;   /* อักษรบนปุ่มสีหลัก (เข้ม เพราะชมพูสว่าง) */

    /* ========= อักษรรอง ========= */
    --text-muted: rgba(252, 238, 245, 0.9);
    --text-dim:   rgba(252, 238, 245, 0.62);

    /* ========= เกรเดียนพื้นหลัง ========= */
    --bg-gradient: linear-gradient(180deg, #9d174d 0%, #1a0612 100%);
}

/* ===== Apply พื้นฐาน ===== */
body {
    background: var(--bg-main);
    background-attachment: fixed;
    color: var(--text);
}
h1, h2, h3, h4, h5, h6 { color: var(--text); }
a { color: var(--main); }
a:hover { color: var(--hover); }