:root{--brand: #D72323;--brand-2: #A01010;--ink: #FFFFFF;--accent: #D72323;--muted: #1E1E1E;--surface: #111111;--font-heading: "Noto Serif Thai", Georgia, "Times New Roman", serif;--font-body: "Sarabun", system-ui, -apple-system, "Segoe UI", sans-serif}@theme inline{ --color-brand: var(--brand); --color-brand-2: var(--brand-2); --color-ink: var(--ink); --color-accent: var(--accent); --color-muted: var(--muted); --color-surface: var(--surface); --font-heading: var(--font-heading); --font-body: var(--font-body); }body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.bg-brand\/10{background-color:color-mix(in srgb,var(--brand) 10%,transparent)}.bg-brand\/20{background-color:color-mix(in srgb,var(--brand) 20%,transparent)}.bg-surface\/50{background-color:color-mix(in srgb,var(--surface) 50%,transparent)}.bg-surface\/60{background-color:color-mix(in srgb,var(--surface) 60%,transparent)}.bg-surface\/95{background-color:color-mix(in srgb,var(--surface) 95%,transparent)}.bg-muted\/40{background-color:color-mix(in srgb,var(--muted) 40%,transparent)}.bg-muted\/50{background-color:color-mix(in srgb,var(--muted) 50%,transparent)}.bg-muted\/60{background-color:color-mix(in srgb,var(--muted) 60%,transparent)}.border-brand\/30{border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.hover\:border-brand\/50:hover{border-color:color-mix(in srgb,var(--brand) 50%,transparent)}.hover\:border-brand\/60:hover{border-color:color-mix(in srgb,var(--brand) 60%,transparent)}