@font-face{font-family:Anuphan;src:url('/fonts/Anuphan-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --dol-white:#ffffff;
  --dol-navy:#1c304b;
  --dol-navy-strong:#12243b;
  --dol-plum:#7d4561;
  --dol-plum-soft:#f7f0f4;
  --dol-surface:#f7f9fb;
  --dol-line:#d9e1e9;
  --dol-muted:#5a6777;
  --dol-focus:#7d4561;
  --dol-shadow:0 12px 34px rgba(28,48,75,.075);
  --dol-radius:16px;
  --dol-font:Anuphan,Tahoma,system-ui,sans-serif;
}

html{color-scheme:light}
body{background:var(--dol-white)}
html,body{font-family:var(--dol-font);color:var(--dol-navy);line-height:1.6}
button,input,select,textarea{font-family:inherit}
input,select,textarea{color:var(--dol-navy);background:var(--dol-white)}
::selection{background:#e8d8e2;color:var(--dol-navy-strong)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--dol-focus);outline-offset:3px}