:root {
  --ink: #2f3437;
  --muted: #70777b;
  --button: #2f6686;
  --button-dark: #244a63;
  --line: #c8ced1;
  --paper: #ffffff;
  --surface-muted: #f4f5f5;
  --warning: #f5ecd7;
  --warning-ink: #765d27;
  --danger: #f5e1df;
  --danger-ink: #8c3c39;
}
html, body, #root { background: var(--paper) !important; color: var(--ink) !important; }
body { font-family: "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic ProN", Arial, sans-serif !important; }
button { border-radius: 3px !important; box-shadow: none !important; }
input, select, textarea { border-color: var(--line) !important; border-radius: 3px !important; background: var(--paper) !important; color: var(--ink) !important; }
input:focus, select:focus, textarea:focus { border-color: var(--button) !important; outline: 2px solid rgba(47,102,134,.16); }
[class*="rounded-xl"], [class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-lg"], [class*="rounded-md"] { border-radius: 3px !important; }
button[class*="rounded-full"], [role="button"][class*="rounded-full"] { border-radius: 3px !important; }
[class*="shadow-"] { box-shadow: none !important; }
[class*="backdrop-blur"], [class*="bg-gradient"] { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background-image: none !important; }
[class*="bg-natural-beige"], [class*="bg-natural-sand"], [class*="bg-slate-50"], [class*="bg-rose-50"], [class*="bg-blue-50"] { background-color: var(--paper) !important; }
[class*="bg-natural-khaki"], [class*="bg-amber-50"], [class*="bg-amber-100"] { background-color: var(--warning) !important; }
[class*="bg-natural-wood"], [class*="bg-natural-olive"], [class*="bg-slate-900"], [class*="bg-indigo-900"] { background-color: var(--button) !important; color: #fff !important; }
[class*="bg-natural-clay"], [class*="bg-blue-600"] { background-color: var(--button) !important; color: #fff !important; }
[class*="text-natural-wood"], [class*="text-slate-900"], [class*="text-slate-950"] { color: var(--ink) !important; }
[class*="text-natural-clay"], [class*="text-blue-700"], [class*="text-blue-800"] { color: var(--button) !important; }
[class*="text-slate-500"], [class*="text-slate-400"], [class*="text-natural-wood/"], [class*="text-natural-clay/"] { color: var(--muted) !important; }
[class*="border-natural-"], [class*="border-slate-"], [class*="border-blue-"] { border-color: var(--line) !important; }
img { object-fit: contain !important; }
@media (max-width: 720px) { main { padding-left: 16px !important; padding-right: 16px !important; } }
