@font-face {
  font-family: "Palworld UI";
  src: url("../../Tools/Font/NotoSans/NotoSans-Palpedia-Latin.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
}

:root {
  --pal-ink: #071215;
  --pal-ink-soft: #0c181c;
  --pal-panel: #0d2028;
  --pal-panel-raised: #123440;
  --pal-panel-glass: rgba(8, 24, 29, .94);
  --pal-line: rgba(173, 207, 211, .32);
  --pal-line-strong: rgba(196, 229, 232, .58);
  --pal-text: #f4f8f8;
  --pal-muted: #a9bec3;
  --pal-teal: #005d65;
  --pal-teal-bright: #00828b;
  --pal-cyan: #00e8f8;
  --pal-blue: #0090ff;
  --pal-card-blue: #19558c;
  --pal-card-blue-deep: #0f3e68;
  --pal-ancient: #642b75;
  --pal-ancient-bright: #a24ab3;
  --pal-ancient-deep: #28133a;
  --pal-focus: #00e8f8;
  --pal-warning: #e3a334;
  --pal-danger: #b74d49;
  --pal-shadow: 0 24px 70px rgba(0, 0, 0, .54);
  --pal-cut: 7px;
  font-family: "Palworld UI", "Noto Sans", system-ui, sans-serif;
}

/* Compatibility aliases allow existing pages to adopt the theme incrementally. */
:root {
  --ink: var(--pal-ink);
  --ink-soft: var(--pal-ink-soft);
  --panel: var(--pal-panel);
  --panel-raised: var(--pal-panel-raised);
  --line: var(--pal-line);
  --line-strong: var(--pal-line-strong);
  --text: var(--pal-text);
  --muted: var(--pal-muted);
  --cyan: var(--pal-cyan);
  --amber: var(--pal-warning);
  --category-purple: var(--pal-ancient-bright);
  --category-purple-mid: var(--pal-ancient);
  --category-purple-deep: var(--pal-ancient-deep);
}

body {
  font-family: "Palworld UI", "Noto Sans", system-ui, sans-serif;
}