/* Shared type tokens for the Studio backend (admin/) and the Directory (directory/). Load after each app's CSS. */
:root{--font-ui:Sarabun,"Noto Sans Thai",sans-serif;--font-head:Prompt,Sarabun,sans-serif;--fs-title:22px;--fs-section:18px;--fs-sub:14px;--fs-label:13px;--fs-body:15px;--fs-input:15px;--fs-btn:14px;--lh-tight:1.3;--lh-body:1.55}
@media(max-width:700px){:root{--fs-title:19px;--fs-section:16px;--fs-sub:13px}}
body{font-family:var(--font-ui)}
h1,h2,h3,h4,.page-title{font-family:var(--font-head)}
.page-title,.content>.card>h3:first-child,.dir-brand h1,.dir-main>.card>h2:first-child,.card>h2.page-title{font-size:var(--fs-title);line-height:var(--lh-tight);font-weight:700;letter-spacing:-.01em}
.card h3,.dir-card h2,.lookup h3,.group-label{line-height:var(--lh-tight)}
.lookup h3,.dir-card h2{font-size:var(--fs-section)}
.sub,.page-sub,.lookup p{font-size:var(--fs-sub);line-height:1.5}
.field{font-size:var(--fs-label);line-height:1.4}
.ctrl,.field input,.field select,.field textarea,.combo-input{font-size:var(--fs-input);line-height:1.4}
.btn,.dir-actions .btn,.dir-actions a{font-size:var(--fs-btn);line-height:1.25}
.btn{overflow-wrap:normal;word-break:keep-all}
.dir-actions{flex-wrap:wrap;gap:8px}