/* --- Scrolling Grid Background --- */

/* Import Font */
@import url(https://fonts.googleapis.com/css?family=Exo:100);

/* Animations */
@keyframes bg-scrolling {
  100% { background-position: 50px 50px; }
}



/* Main styles for the background */
body.has-grid-background {
  /* Solid soft white/cream background - easy on the eyes */
  background: #f5f5f0;
}

/* Overlay to darken the background slightly, making text more readable */
.background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* สีดำโปร่งแสง 60% */
    z-index: 1; 
}

/* --- Decorative Background Text --- */
body.has-grid-background::before {
    content: "TUAI CENTER";
    font-family: 'Exo', sans-serif; /* ใช้ฟอนต์ที่ import มา */
    font-size: clamp(3rem, 10vw, 12rem); /* ปรับขนาดอัตโนมัติตามหน้าจอ */
    font-weight: 100; /* ตัวอักษรแบบบาง */
    color: rgba(0, 0, 0, 0.04); /* สีเทาเข้ม โปร่งใสมากๆ */
    white-space: nowrap; /* บังคับให้อยู่บรรทัดเดียว */

    /* -- Positioning -- */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0; /* ให้อยู่หลังสุด แต่เหนือพื้นหลัง grid */

    /* -- Prevent Interaction -- */
    pointer-events: none;
    user-select: none;


}