/* ArtVerse — ธีมสว่างหลักของเว็บ
   ไฟล์นี้เป็นส่วนหนึ่งของ css/parts/*.css โหลดตามลำดับเลขหน้าไฟล์ (ลำดับมีผล: ไฟล์หลังทับไฟล์ก่อน) */

/* =========================================================
   Light Theme — โทนสว่าง อ่านง่าย และสบายตา
   ========================================================= */
:root{
  --bg:#f7f9fc;
  --panel:#ffffff;
  --panel2:#f1f5f9;
  --card:#ffffff;
  --line:rgba(51,65,85,.14);
  --text:#253047;
  --muted:#667085;
  --soft:#344054;
  --orange:#f59e0b;
  --orange2:#d97706;
  --pink:#df4b83;
  --purple:#805ad5;
  --red:#dc5b64;
  --green:#2f9e64;
  --blue:#3385d6;
  --shadow:0 18px 50px rgba(68,84,111,.13);
}
html{color-scheme:light}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 12% -8%, rgba(245,158,11,.12), transparent 30rem),
    radial-gradient(circle at 88% 2%, rgba(223,75,131,.10), transparent 28rem),
    radial-gradient(circle at 50% 42%, rgba(51,133,214,.07), transparent 40rem),
    linear-gradient(180deg,#ffffff 0%,#f7f9fc 46%,#f3f6fa 100%);
}
::selection{background:rgba(245,158,11,.22);color:var(--text)}
.site-header{
  background:rgba(255,255,255,.92);
  border-bottom-color:var(--line);
  box-shadow:0 10px 30px rgba(68,84,111,.10);
}
.topbar{border-bottom-color:rgba(51,65,85,.09)}
.main-nav,.category-nav{color:var(--text)}
.main-nav a:hover,.category-nav a:hover{color:var(--orange2)}
.search-box{
  background:#f8fafc;
  border-color:var(--line);
  box-shadow:inset 0 1px 2px rgba(51,65,85,.04);
}
.search-box span{color:#7b879a}
.search-box input{color:var(--text)}
.search-box input::placeholder{color:#98a2b3}
.pill,.icon-link,.avatar-btn,.menu-btn{
  background:#ffffff;
  color:var(--text);
  border-color:var(--line);
  box-shadow:0 5px 14px rgba(68,84,111,.07);
}
.pill:hover,.icon-link:hover,.avatar-btn:hover,.menu-btn:hover{background:#f8fafc;border-color:rgba(245,158,11,.30)}
.user-pop{
  background:#ffffff;
  border-color:var(--line);
}
.user-pop a,.user-pop button{color:var(--text);border-color:var(--line)}
.user-pop a:hover,.user-pop button:hover{background:#f8fafc;border-color:rgba(245,158,11,.32)}
.page-title,.hero,.role-section article,.stat-grid article,.panel,.detail-info,.auth-card{
  background:#ffffff;
  border-color:var(--line);
  box-shadow:var(--shadow);
}
.page-title{background:linear-gradient(135deg,#ffffff,#f8fafc)}
.section-head p,.page-title p,.hero p,.role-section p,.auth-copy p{color:var(--muted)}
.hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(223,75,131,.12),transparent 23rem),
    linear-gradient(135deg,#ffffff,#fffaf0 52%,#fff7fb);
}
.hero-panel img{border-color:rgba(255,255,255,.86);box-shadow:0 16px 36px rgba(68,84,111,.16)}
.eyebrow{background:#fff7e6;color:#a45d00;border-color:rgba(245,158,11,.26)}
.btn{color:#ffffff}
.btn.ghost{
  background:#ffffff;
  color:var(--text);
  border-color:var(--line);
}
.btn.ghost:hover{background:#f8fafc;border-color:rgba(245,158,11,.32)}
.filter-panel{background:#ffffff;border-color:var(--line);box-shadow:0 10px 30px rgba(68,84,111,.08)}
.field label{color:#475467}
.field input,.field select,.field textarea,.chat-form input{
  background:#ffffff;
  color:var(--text);
  border-color:var(--line);
}
.field input::placeholder,.field textarea::placeholder,.chat-form input::placeholder{color:#98a2b3}
.field input:focus,.field select:focus,.field textarea:focus,.chat-form input:focus{
  border-color:rgba(245,158,11,.55);
  box-shadow:0 0 0 3px rgba(245,158,11,.12);
}
.field select option{background:#ffffff;color:var(--text)}
.chip{background:#ffffff;color:var(--text);border-color:var(--line);box-shadow:0 4px 12px rgba(68,84,111,.05)}
.chip.active,.chip:hover{color:#ffffff}
.product-card{
  background:#ffffff;
  border-color:var(--line);
  box-shadow:0 14px 34px rgba(68,84,111,.11);
}
.product-card:hover{border-color:rgba(245,158,11,.34);box-shadow:0 18px 40px rgba(68,84,111,.15)}
.product-card .thumb{background:#eef2f6}
.creator{color:#667085}
.product-card h3{color:var(--text)}
.heart{color:#98a2b3}
.meta{color:#7b879a}
.role-section h3{color:#a96000}
.empty{background:#f8fafc;color:var(--muted);border-color:rgba(51,65,85,.20)}
.check-list{color:#475467}
.detail-gallery{background:#ffffff;border-color:var(--line);box-shadow:var(--shadow)}
.crumb,.detail-price small,.review-card small{color:var(--muted)}
.info-list span{background:#f8fafc;color:#475467;border-color:var(--line)}
.review-card{background:#f8fafc;border-color:var(--line)}
.review-card p{color:var(--text)}
.review-card blockquote{background:#fff8e8;color:#475467}
.demo-box{background:#ffffff;border-color:var(--line)}
.tab{background:#f8fafc;color:var(--text);border-color:var(--line)}
.tab.active{color:#ffffff}
.cart-row,.order-card,.admin-row{background:#ffffff;border-color:var(--line)}
.cart-row p,.order-card p,.admin-row p{color:var(--muted)}
.qty button,.remove-cart{background:#ffffff;color:var(--text);border-color:var(--line)}
.remove-cart{color:var(--red)}
.summary-line{border-bottom-color:var(--line)}
th{background:#f8fafc;color:#475467}
td{color:var(--text)}
th,td{border-bottom-color:var(--line)}
.dash-menu a{background:#ffffff;color:var(--text);border-color:var(--line)}
.dash-menu a:hover{background:#fff8e8;border-color:rgba(245,158,11,.30)}
.stat-grid span{color:var(--muted)}
.report-row div{background:#e9eef5}
.chat-room{background:#ffffff;color:var(--text);border-color:var(--line)}
.chat-room.active{background:#fff8e8;border-color:rgba(245,158,11,.34)}
.chat-header{background:#f8fafc;border-bottom-color:var(--line)}
.chat-header span{color:var(--muted)}
.bubble{background:#ffffff;color:var(--text);border-color:var(--line);box-shadow:0 5px 14px rgba(68,84,111,.06)}
.bubble.mine{color:#ffffff}
.chat-form{border-top-color:var(--line);background:#ffffff}
.footer{background:#ffffff;color:var(--muted);border-top-color:var(--line)}
.footer a{color:#475467}
.footer h4{color:var(--text)}
.footer p{color:var(--muted)}
.toast{background:#ffffff;color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}
@media(max-width:1180px){.main-nav.open{background:#ffffff;border-color:var(--line)}}
.rating-line,.review-card div{color:#a96000}