/* Chula ISE — bundled webfonts (woff2 from @fontsource, OFL). */
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/plexsans-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/plexsans-500.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/plexsans-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/plexsans-700.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans Thai"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/plexthai-400.woff2") format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; }
@font-face { font-family: "IBM Plex Sans Thai"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/plexthai-600.woff2") format("woff2"); unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/plexmono-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/plexmono-600.woff2") format("woff2"); }
@font-face { font-family: "Saira Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/saira-700.woff2") format("woff2"); }

:root {
  --ise-crimson-50: #FCF1F2;
  --ise-crimson-100: #F8DCDF;
  --ise-crimson-200: #EFB7BD;
  --ise-crimson-600: #97283A;
  --ise-crimson-700: #801E2B;
  --ise-crimson-800: #6A1924;
  --ise-crimson-900: #4F121B;
  --ise-crimson-950: #350C12;
  --ise-ink-0: #FFFFFF;
  --ise-ink-50: #FAF8F8;
  --ise-ink-100: #F3F0F0;
  --ise-ink-200: #E6E1E2;
  --ise-ink-300: #D2CACB;
  --ise-ink-500: #82777A;
  --ise-ink-600: #5E5457;
  --ise-ink-700: #423A3C;
  --ise-ink-900: #1A1617;
  --ise-green-50: #E8F4EE;
  --ise-green-600: #157347;
  --ise-amber-50: #FBF1DE;
  --ise-amber-600: #B5730A;
  --ise-blue-50: #E9F0F8;
  --ise-blue-600: #245C9E;
  --ise-danger-50: #FBEBE5;
  --ise-danger-600: #C23A18;
  --ise-focus: rgba(128, 30, 43, 0.42);
  --ise-font-sans: "IBM Plex Sans", "IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ise-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ise-font-display: "Saira Condensed", "Arial Narrow", sans-serif;
  --ise-clip-sm: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  --ise-clip-md: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  --ise-clip-lg: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
  --ise-clip-lg-in: polygon(13px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 13px);
  --ise-panel-bg: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px) 0 0 / 100% 28px,
                  linear-gradient(150deg, #97283A 0%, #6A1924 48%, #350C12 100%);
}