/* ============================================================ AI ACTION LAB · New Era light layer (v2.5) · design-system/newera-light.css remap โทเคนเท่านั้น ห้ามเขียน component ซ้ำ (component อยู่ newera.css) ใช้ 3 ทาง: 1) ทั้งเว็บสว่าง → (ผู้ใช้เลือกเองจากปุ่มธีม/ตั้งค่า) 2) ผู้ใช้เลือกโหมดแล้ว → (ธีมที่เลือกคุมทุกพื้นผิว รวมหน้าอ่าน) 3) ยังไม่เลือก → หน้าอ่านยาว (.ne-light / .ne-light-surface) สว่างตามดีไซน์เดิม ============================================================ */ :root[data-theme="light"], :root:not([data-theme-user]) body.ne-light, :root:not([data-theme-user]) .ne-light-surface{ --canvas:#FAF6F1; --canvas-3d:#F4EEE6; --copper:#C06B39; --copper-soft:#D97B4F; --steel:#3E6B7C; --steel-soft:#4D8194; --text:#2A211A; --muted:#6E635A; --on-accent:#FFF9F4; --gb:rgba(42,33,26,0.12); --gbs:rgba(42,33,26,0.16); --divider:rgba(42,33,26,0.08); --glass:rgba(255,255,255,0.62); --glass-deep:rgba(255,255,255,0.55); --tint:rgba(42,33,26,0.04); --tint-hover:rgba(42,33,26,0.07); --surface-2:rgba(42,33,26,0.03); --menu-bg:rgba(255,252,248,0.97); --bar-bg:rgba(255,252,248,0.7); --copper-tint:rgba(192,107,57,0.10); --copper-line:rgba(192,107,57,0.55); --copper-panel:rgba(192,107,57,0.45); --focus-ring:rgba(192,107,57,0.22); --ring-soft-a:rgba(42,33,26,0.06); --ring-soft-b:rgba(42,33,26,0.28); --shadow-color:rgba(42,33,26,0.10); --text-soft:rgba(42,33,26,0.74); --kick:rgba(42,33,26,0.92); --muted-soft:rgba(110,99,90,.8); --nbtn-hover:rgba(92,62,44,0.95); --nbtn-highlight:rgba(255,255,255,0.18); --nbtn-depth:rgba(0,0,0,0.3); --side-a:rgba(255,255,255,0.78); --side-b:rgba(250,246,241,0.62); --topbar-bg:rgba(255,252,248,0.72); --scrim:rgba(42,33,26,.32); --ok:#2E7D52; --ok-tint:rgba(46,125,82,.10); --ok-line:rgba(46,125,82,.38); --shadow:0 8px 28px rgba(42,33,26,0.08); --shadow-pop:0 18px 44px rgba(42,33,26,0.16); --glow:0 8px 36px rgba(192,107,57,0.14); --btn-primary-fg:#FFF9F4; --btn-primary-bg:rgba(74,52,38,0.92); --btn-primary-hover:rgba(92,62,44,0.95); --btn-primary-highlight:rgba(255,255,255,0.18); --btn-primary-depth:rgba(0,0,0,0.35); --btn-primary-inline:rgba(255,255,255,0.10); --btn-primary-shadow:rgba(42,33,26,0.2); --grad:linear-gradient(90deg,var(--copper-soft),var(--steel-soft)); --aurora-a:rgba(232,147,95,.22); --aurora-b:rgba(77,129,148,.16); --dust-opacity:.05; --dust-a:rgba(42,33,26,.55); --dust-b:rgba(192,107,57,.45); color-scheme:light; } /* พื้นสว่างต้องทาที่ html ก่อนวาดจอ (กันจอมืดวาบตอนสลับ) */ html[data-theme="light"]{background:var(--canvas)} :root:not([data-theme-user]) body.ne-light{background:var(--canvas);color:var(--text)} /* พื้นผิวอ่านยาวซ้อนในเปลือกแอป: เพิ่มความเข้มของทองแดง/เหล็กให้ผ่านเกณฑ์คอนทราสต์บนพื้นขาว */ :root[data-theme="light"] .ne-light-surface, :root:not([data-theme-user]) .ne-light-surface{ --copper:#A85B32; --copper-soft:#BD663A; --steel:#355E6D; --copper-tint:rgba(168,91,50,0.10); --copper-line:rgba(168,91,50,0.55); --glow:0 8px 36px rgba(168,91,50,0.14); }