/* * theailand-core/design/tokens.css — design token แบรนด์ navy + gold + chrome (light/dark) * ADR-011 · hex = ชุด "เริ่มต้น" (Zite เสนอ ground จากทิศ navy+gold) — Earth ปรับได้ทุกตัว * * ใช้: สลับโหมด · ไม่ตั้ง = light · auto ตาม OS เมื่อไม่ตั้ง data-theme * ทุกแอป tool import ไฟล์นี้ไฟล์เดียว → ได้แบรนด์ร่วม แก้ที่นี่ที่เดียวเปลี่ยนทุกแอป */ :root { /* แบรนด์ */ --c-navy: #0E2A47; /* น้ำเงินเข้ม — แบรนด์หลัก */ --c-navy-2: #1B3C61; /* น้ำเงินกลาง — hover/รอง */ --c-gold: #C9A24A; /* ทอง — accent */ --c-gold-2: #B08A38; /* ทองเข้ม — hover accent */ /* chrome (พื้น/ขอบ/ตัวอักษร) */ --c-bg: #F7F9FC; --c-surface: #FFFFFF; --c-surface-2: #EEF2F7; --c-border: #DCE3EC; --c-text: #0E1A2B; --c-text-muted:#5A6B82; /* semantic */ --c-primary: var(--c-navy); --c-accent: var(--c-gold); --c-crosssite: #6D5AE6; /* ม่วง — ป้ายผลค้นหา "คนละเว็บ" ให้เด่น (ต่างจาก navy+gold ชัด) */ --c-success: #1E9E6A; --c-danger: #D5453B; /* รูปทรง/ระยะ/เงา/ฟอนต์ */ --radius: 12px; --radius-sm: 8px; --space: 16px; --shadow: 0 1px 3px rgba(14,42,71,.08), 0 8px 24px rgba(14,42,71,.06); --font-th: "Sarabun", system-ui, -apple-system, "Segoe UI", sans-serif; --font-head: "Sarabun", system-ui, sans-serif; } /* dark — สลับด้วย data-theme="dark" (explicit) */ :root[data-theme="dark"] { --c-navy: #0B1B2E; --c-navy-2: #16304B; --c-gold: #E3C275; /* ทองสว่างขึ้นในมืด */ --c-gold-2: #C9A24A; --c-bg: #0B1622; --c-surface: #111E2D; --c-surface-2: #18283A; --c-border: #26384E; --c-text: #E6ECF3; --c-text-muted:#93A4BB; --c-primary: #5C8AC4; /* น้ำเงินสว่างพอสำหรับลิงก์บนพื้นมืด */ --c-accent: var(--c-gold); --c-crosssite: #9C8CFF; /* ม่วงสว่างขึ้นในมืด */ --c-success: #34C98A; --c-danger: #F0726A; } /* auto ตาม OS เมื่อไม่ได้ตั้ง data-theme เอง */ @media (prefers-color-scheme: dark) { :root:not([data-theme]) { --c-navy: #0B1B2E; --c-navy-2: #16304B; --c-gold: #E3C275; --c-gold-2: #C9A24A; --c-bg: #0B1622; --c-surface: #111E2D; --c-surface-2: #18283A; --c-border: #26384E; --c-text: #E6ECF3; --c-text-muted: #93A4BB; --c-primary: #5C8AC4; --c-crosssite: #9C8CFF; --c-success: #34C98A; --c-danger: #F0726A; } }