/* ==================================================================
   THEME 3 — ดำเขียว (Black / Green)
   ------------------------------------------------------------------
   โทนสีที่ register/login อ้างถึง — schema เดียวกับ theme_1
================================================================== */
:root {
    color-scheme: dark;

    /* ========= โทนสีหลัก ========= */
    --main:    #2fd06e;   /* สีแบรนด์ (เขียว) */
    --secound: #0f8a44;   /* สีรอง — ไล่เฉดล่างของการ์ด */
    --bg-main: #0a0f0b;   /* พื้นการ์ด / panel (เข้มสุด) */
    --text:    #ffffff;   /* อักษรหลัก */
    --hover:   #57e08f;   /* hover / active */
    --border:  #2fd06e;   /* เส้นขอบ / accent */

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

    /* ========= เกรเดียนพื้นหลัง ========= */
    --bg-gradient: linear-gradient(180deg,
        rgba(47, 208, 110, 1) 0%,
        rgba(15, 138, 68, 1) 55%,
        rgba(10, 15, 11, 1) 100%
    );
}

/* ===== Apply พื้นฐาน ===== */
body {
    background: var(--secound);
    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); }