/* Generated from packages/ui/tokens.json by client/build.mjs. Do not edit. */
@font-face{font-family:'Saira';font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/Saira-Variable.woff2') format('woff2')}
@font-face{font-family:'Saira';font-style:italic;font-weight:100 900;font-display:swap;src:url('./fonts/saira-italic.woff2') format('woff2')}
@font-face{font-family:'Kanit';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/Kanit-Regular.woff2') format('woff2')}
@font-face{font-family:'Kanit';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/Kanit-Medium.woff2') format('woff2')}
@font-face{font-family:'Kanit';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/Kanit-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Kanit';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/Kanit-Bold.woff2') format('woff2')}
@font-face{font-family:'Kanit';font-style:italic;font-weight:400;font-display:swap;src:url('./fonts/kanit-thai-italic-400.woff2') format('woff2')}
@font-face{font-family:'Kanit';font-style:italic;font-weight:500;font-display:swap;src:url('./fonts/kanit-thai-italic-500.woff2') format('woff2')}
@font-face{font-family:'Kanit';font-style:italic;font-weight:600;font-display:swap;src:url('./fonts/kanit-thai-italic-600.woff2') format('woff2')}
@font-face{font-family:'Kanit';font-style:italic;font-weight:700;font-display:swap;src:url('./fonts/kanit-thai-italic-700.woff2') format('woff2')}
@font-face{font-family:'Kanit';font-style:italic;font-weight:800;font-display:swap;src:url('./fonts/kanit-thai-italic-800.woff2') format('woff2')}
:root,[data-theme="dark"]{--ground:#0b0b0c;--ground-2:#0f0f11;--surface:#141416;--surface-2:#1b1b1f;--surface-3:#222227;--line:rgba(255,255,255,0.09);--line-strong:rgba(255,255,255,0.16);--control-border:#726e66;--chrome:#0f0f11;--chrome-raised:#222227;--chrome-line:rgba(255,255,255,0.09);--chrome-text:#ece8df;--chrome-muted:#9a968c;--text:#ece8df;--text-muted:#9a968c;--text-subtle:#85827b;--gold:#d9b45a;--gold-bright:#f2cd6b;--gold-deep:#a8842f;--gold-edge:var(--gold);--gold-text:#d9b45a;--on-gold:#0a0a0a;--logo-gold:#d3ae6c;--blood:#c0341d;--on-danger:#ffffff;--whatsapp:#25d366;--ok:#4cc3b0;--ok-bg:rgba(76,195,176,0.14);--ok-line:rgba(76,195,176,0.45);--warn:#f0a347;--warn-bg:rgba(240,163,71,0.14);--warn-line:rgba(240,163,71,0.45);--danger:#ff7a5f;--danger-bg:rgba(255,122,95,0.14);--danger-line:rgba(255,122,95,0.45);--info:#8fb4ec;--info-bg:rgba(143,180,236,0.14);--info-line:rgba(143,180,236,0.45);--focus:#d9b45a;--overlay:rgba(0,0,0,0.62);--selection:var(--gold);--shadow-glow:0 12px 30px -12px rgba(217,180,90,0.6);--shadow-sheet:0 -16px 48px rgba(0,0,0,0.55);--shadow-pop:0 10px 30px rgba(0,0,0,0.5);color-scheme:dark}
[data-theme="light"]{--ground:#ece8df;--ground-2:#e2ddd2;--surface:#f6f3ec;--surface-2:#fbf9f5;--surface-3:#e6e1d6;--line:rgba(11,11,12,0.11);--line-strong:rgba(11,11,12,0.22);--control-border:#8a857b;--chrome:#0f0f11;--chrome-raised:#222227;--chrome-line:rgba(255,255,255,0.09);--chrome-text:#ece8df;--chrome-muted:#9a968c;--text:#0b0b0c;--text-muted:#57534b;--text-subtle:#615d55;--gold:#d9b45a;--gold-bright:#f2cd6b;--gold-deep:#a8842f;--gold-edge:var(--gold-deep);--gold-text:#7a5a14;--on-gold:#0a0a0a;--logo-gold:#d3ae6c;--blood:#c0341d;--on-danger:#ffffff;--whatsapp:#25d366;--ok:#0a675a;--ok-bg:rgba(10,103,90,0.10);--ok-line:rgba(10,103,90,0.40);--warn:#8f4d00;--warn-bg:rgba(143,77,0,0.10);--warn-line:rgba(143,77,0,0.40);--danger:#a8301b;--danger-bg:rgba(168,48,27,0.10);--danger-line:rgba(168,48,27,0.40);--info:#2c5b9e;--info-bg:rgba(44,91,158,0.10);--info-line:rgba(44,91,158,0.40);--focus:#7a5a14;--overlay:rgba(11,11,12,0.42);--selection:var(--gold);--shadow-glow:0 12px 30px -12px rgba(217,180,90,0.6);--shadow-sheet:0 -16px 48px rgba(11,11,12,0.18);--shadow-pop:0 10px 30px rgba(11,11,12,0.16);color-scheme:light}
@media print{:root,[data-theme]{--ground:#ece8df;--ground-2:#e2ddd2;--surface:#f6f3ec;--surface-2:#fbf9f5;--surface-3:#e6e1d6;--line:rgba(11,11,12,0.11);--line-strong:rgba(11,11,12,0.22);--control-border:#8a857b;--chrome:#0f0f11;--chrome-raised:#222227;--chrome-line:rgba(255,255,255,0.09);--chrome-text:#ece8df;--chrome-muted:#9a968c;--text:#0b0b0c;--text-muted:#57534b;--text-subtle:#615d55;--gold:#d9b45a;--gold-bright:#f2cd6b;--gold-deep:#a8842f;--gold-edge:var(--gold-deep);--gold-text:#7a5a14;--on-gold:#0a0a0a;--logo-gold:#d3ae6c;--blood:#c0341d;--on-danger:#ffffff;--whatsapp:#25d366;--ok:#0a675a;--ok-bg:rgba(10,103,90,0.10);--ok-line:rgba(10,103,90,0.40);--warn:#8f4d00;--warn-bg:rgba(143,77,0,0.10);--warn-line:rgba(143,77,0,0.40);--danger:#a8301b;--danger-bg:rgba(168,48,27,0.10);--danger-line:rgba(168,48,27,0.40);--info:#2c5b9e;--info-bg:rgba(44,91,158,0.10);--info-line:rgba(44,91,158,0.40);--focus:#7a5a14;--overlay:rgba(11,11,12,0.42);--selection:var(--gold);--shadow-glow:0 12px 30px -12px rgba(217,180,90,0.6);--shadow-sheet:0 -16px 48px rgba(11,11,12,0.18);--shadow-pop:0 10px 30px rgba(11,11,12,0.16);color-scheme:light}}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-none:0;--notch-sm:6px;--notch-md:10px;--notch-lg:22px;--tap:44px;--tap-coach:48px;--rail:232px;--sheet:480px;--z-rail:20;--z-sheet:40;--z-toast:50;--font-display:'Saira', 'Kanit', system-ui, sans-serif;--font-text:'Saira', 'Kanit', system-ui, sans-serif}
.t-display-xl{font-family:var(--font-display);font-size:40px;line-height:38px;font-weight:800;font-style:italic;letter-spacing:0.005em}
.t-display-xl:lang(th){letter-spacing:0}
.t-display-lg{font-family:var(--font-display);font-size:28px;line-height:28px;font-weight:800;font-style:italic;letter-spacing:0.005em}
.t-display-lg:lang(th){letter-spacing:0}
.t-display-md{font-family:var(--font-display);font-size:20px;line-height:22px;font-weight:800;font-style:italic;letter-spacing:0.005em}
.t-display-md:lang(th){letter-spacing:0}
.t-display-sm{font-family:var(--font-display);font-size:16px;line-height:18px;font-weight:700;font-style:italic;letter-spacing:0.01em}
.t-display-sm:lang(th){letter-spacing:0}
.t-price{font-family:var(--font-display);font-size:1.5rem;line-height:1.75rem;font-weight:800;font-style:italic}
.t-eyebrow{font-family:var(--font-display);font-size:0.78rem;line-height:1rem;font-weight:600;font-style:italic;letter-spacing:0.28em}
.t-eyebrow:lang(th){letter-spacing:0}
.t-button-label{font-family:var(--font-display);font-size:0.9rem;line-height:1rem;font-weight:600;font-style:italic;letter-spacing:0.12em}
.t-button-label:lang(th){letter-spacing:0}
.t-tab-label{font-family:var(--font-display);font-size:11px;line-height:14px;font-weight:600;font-style:italic;letter-spacing:0.08em}
.t-tab-label:lang(th){letter-spacing:0}
.t-body{font-family:var(--font-text);font-size:16px;line-height:26px;font-weight:400;font-style:normal}
.t-body-strong{font-family:var(--font-text);font-size:16px;line-height:26px;font-weight:600;font-style:normal}
.t-body-sm{font-family:var(--font-text);font-size:14px;line-height:22px;font-weight:400;font-style:normal}
.t-caption{font-family:var(--font-text);font-size:12px;line-height:18px;font-weight:500;font-style:normal}
.t-data-lg{font-family:var(--font-text);font-size:24px;line-height:28px;font-weight:600;font-style:normal}
.t-data{font-family:var(--font-text);font-size:15px;line-height:20px;font-weight:500;font-style:normal}