@font-face {
  font-family: "Inter";
  src: url("/instance-theme/font/0.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/instance-theme/font/1.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/instance-theme/font/2.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/instance-theme/font/3.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

html:root {
  --font-sans: Inter, sans-serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 8px;
}

html[data-theme="dark"] {
  --background: #0e0d12;
  --dialog: #1a1620;
  --foreground: #f0ede8;
  --card: #1a1620;
  --card-foreground: #f0ede8;
  --popover: #1a1620;
  --popover-foreground: #f0ede8;
  --primary: #b09a6a;
  --primary-hover: #c4b088;
  --primary-disabled: #b09a6a40;
  --primary-foreground: #0e0d12;
  --secondary-foreground: #f0ede8;
  --accent-foreground: #f0ede8;
  --muted: #1a1620;
  --muted-foreground: #f0ede8a8;
  --faint-foreground: #f0ede88a;
  --ring: #b09a6a;
  --sidebar: #1a1620;
  --sidebar-foreground: #f0ede8;
  --sidebar-border: #f0ede814;
  --sidebar-accent: #b09a6a1f;
  --sidebar-accent-foreground: #f0ede8;
  --link: #c4b088;
}

html[data-theme="light"] {
  --background: #faf8f5;
  --dialog: #ffffff;
  --foreground: #2c1e14;
  --card: #f3efe8;
  --card-foreground: #2c1e14;
  --popover: #ffffff;
  --popover-foreground: #2c1e14;
  --primary: #7a6a44;
  --primary-hover: #655738;
  --primary-disabled: #7a6a4440;
  --primary-foreground: #ffffff;
  --secondary-foreground: #2c1e14;
  --accent-foreground: #2c1e14;
  --muted: #f3efe8;
  --muted-foreground: #2c1e14ad;
  --faint-foreground: #2c1e148f;
  --ring: #7a6a44;
  --sidebar: #ffffff;
  --sidebar-foreground: #2c1e14;
  --sidebar-border: #2c1e141f;
  --sidebar-accent: #7a6a4414;
  --sidebar-accent-foreground: #2c1e14;
  --link: #7a6a44;
}