@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/fonts/inter-latin-ext.woff2) format("woff2-variations");
  unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/fonts/inter-latin.woff2) format("woff2-variations");
  unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* kallima.org palette: paper #F7F4ED, ink #1E2A22, moss #4F6150, sage #8FA28A,
   mist #C7D3C0, gold #C8A96B. Same values in light and dark: the site has one look. */
html:root, html:root.dark {
  --background: 42 38% 95%; --foreground: 140 17% 14%;
  --card: 48 38% 97%; --card-foreground: 140 17% 14%;
  --popover: 48 38% 97%; --popover-foreground: 140 17% 14%;
  --primary: 140 17% 14%; --primary-foreground: 42 38% 95%;
  --secondary: 42 25% 90%; --secondary-foreground: 140 17% 14%;
  --muted: 42 25% 90%; --muted-foreground: 123 10% 35%;
  --accent: 98 18% 88%; --accent-foreground: 140 17% 14%;
  --destructive: 9 55% 41%; --destructive-foreground: 42 38% 95%;
  --border: 80 9% 84%; --input: 80 9% 84%; --ring: 123 10% 35%;
  --radius: 0px;
  color-scheme: light;
}
html, body, #app { background: hsl(var(--background)) !important; color: hsl(var(--foreground));
  font-family: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased; }
* { border-radius: 0 !important; }

/* Banner: logo only, no title */
header { background: hsl(var(--background)) !important; backdrop-filter: none !important; }
header h1, header a > div + div { display: none !important; }
header img { width: 2rem; height: 2rem; }

h1 { font-weight: 600 !important; letter-spacing: -0.025em; }
h3 { font-weight: 600 !important; }

/* Buttons like the site: ink fill for the first, outlined for the others */
header a[href*="kallima.org/#servers"], header a[href*="kallima.org/donate"],
a[href="https://kallima.org/#servers"], a[href="https://kallima.org/donate/"] {
  font-weight: 600; font-size: .875rem; padding: .5rem 1rem; }
a[href="https://kallima.org/donate/"] { background: hsl(var(--primary)) !important; color: hsl(var(--primary-foreground)) !important; }
a[href="https://kallima.org/#servers"] { border: 1px solid hsl(var(--border)); color: hsl(var(--foreground)) !important; background: transparent !important; }

/* Status colours from the palette */
.bg-green-400, .bg-green-500, .bg-green-700, .dark .dark\:bg-green-600 { background-color: #4F6150 !important; }
.bg-green-50, .dark .dark\:bg-green-900\/20, .dark .dark\:bg-green-900\/30, .dark .dark\:bg-green-900\/50 { background-color: #E6ECE1 !important; }
.text-green-500, .text-green-600, .text-green-700, .text-green-800 { color: #4F6150 !important; }
.border-green-200, .border-green-500, .border-green-600, .dark .dark\:border-green-400, .dark .dark\:border-green-700 { border-color: #8FA28A !important; }
.bg-red-400, .bg-red-500, .bg-red-600, .bg-red-700, .dark .dark\:bg-red-900 { background-color: #A2412F !important; }
.bg-red-50, .bg-red-100, .dark .dark\:bg-red-900\/20, .dark .dark\:bg-red-900\/30, .dark .dark\:bg-red-900\/50 { background-color: #F3E4DF !important; }
.text-red-500, .text-red-600, .text-red-700, .text-red-800 { color: #A2412F !important; }
.bg-yellow-400, .bg-yellow-500 { background-color: #C8A96B !important; }
.bg-yellow-50, .dark .dark\:bg-yellow-900\/20, .dark .dark\:bg-yellow-900\/50 { background-color: #F4ECDA !important; }
.bg-gray-200, .bg-gray-300, .bg-gray-400, .dark .dark\:bg-gray-600, .dark .dark\:bg-gray-700 { background-color: #E2DFD6 !important; }
.dark .dark\:bg-gray-800, .dark .dark\:bg-gray-800\/20, .dark .dark\:bg-gray-800\/50 { background-color: hsl(var(--card)) !important; }
.dark .dark\:border-gray-400, .dark .dark\:border-gray-600 { border-color: hsl(var(--border)) !important; }
.text-gray-500, .text-gray-600, .text-gray-700 { color: #4F6150 !important; }
.text-gray-900 { color: #1E2A22 !important; }

/* Footer: keep the credit discreet, drop the GitHub badge */
#social { display: none !important; }
footer a { color: hsl(var(--foreground)) !important; text-decoration: underline; text-underline-offset: 3px; }