/* Auto-extracted Figma Design Tokens for Thanakul WebUi (Re-Design) */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap');

:root {
  --figma-color-01: #15354C; /* 1184 uses */
  --figma-color-02: #0D2B42; /* 1063 uses */
  --figma-color-03: #FFFFFF; /* 820 uses */
  --figma-color-04: #B58A52; /* 378 uses */
  --figma-color-05: #F6F6F6; /* 329 uses */
  --figma-color-06: #000000; /* 318 uses */
  --figma-color-07: #D9B679; /* 88 uses */
  --figma-color-08: #FDF6EF; /* 65 uses */
  --figma-color-09: rgba(255, 255, 255, 0.2); /* 61 uses */
  --figma-color-10: #E9CB95; /* 44 uses */
  --figma-color-11: rgba(19, 18, 15, 0.8); /* 42 uses */
  --figma-color-12: #D9D9D9; /* 32 uses */
  --figma-color-13: #FBFBFC; /* 29 uses */
  --figma-color-14: rgba(13, 43, 66, 0.6); /* 28 uses */
  --figma-color-15: rgba(255, 255, 255, 0.15); /* 15 uses */
  --figma-color-16: #71808C; /* 15 uses */
  --figma-color-17: #D3E3EF; /* 12 uses */
  --figma-color-18: rgba(233, 203, 149, 0.8); /* 11 uses */
  --figma-color-19: rgba(0, 0, 0, 0.6); /* 7 uses */
  --figma-color-20: rgba(16, 29, 41, 0.9); /* 6 uses */
  --figma-color-21: #FFF7E9; /* 6 uses */
  --figma-color-22: #AB8144; /* 5 uses */
  --figma-color-23: #C99C6B; /* 4 uses */
  --figma-color-24: rgba(233, 203, 149, 0.2); /* 2 uses */
  --figma-color-25: #FBF8F5; /* 2 uses */
  --figma-color-26: rgba(16, 29, 41, 0.8); /* 2 uses */
  --figma-color-27: rgba(16, 29, 41, 0.5); /* 2 uses */
  --figma-color-28: #222323; /* 1 uses */
  --figma-color-29: #13120F; /* 1 uses */
  --figma-color-30: #976722; /* 1 uses */
  --font-thai: 'IBM Plex Sans Thai', 'Prompt', sans-serif;
  --font-en: 'Inter', 'Prompt', sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-thai); background: #1E1E1E; color: #1E293B; }
.figma-frame-root { position: relative; margin: 0 auto; background: #FFFFFF; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.4); }
.figma-node { position: absolute; box-sizing: border-box; }
.figma-text { position: absolute; white-space: pre-wrap; word-break: break-word; }