@font-face {
  font-family: "DM Sans";
  src: url("/instance-theme/font/0.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}

html:root {
  --font-sans: "DM Sans", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius: 14px;
}

html[data-theme="dark"] {
  --background: #1C1220;
  --dialog: #261A2B;
  --foreground: #F7EFE6;
  --card: #2A1D30;
  --card-foreground: #F7EFE6;
  --popover: #2E2134;
  --popover-foreground: #F7EFE6;
  --primary: #FFC319;
  --primary-hover: #FFD24D;
  --primary-disabled: #FFC31940;
  --primary-foreground: #301E0C;
  --secondary: #F7EFE60F;
  --secondary-foreground: #F7EFE6;
  --chat-user: #FFC319;
  --chat-user-foreground: #301E0C;
  --muted: #2A1D30;
  --muted-foreground: #C9BCCD;
  --faint-foreground: #A898AD;
  --accent: #FFC3191F;
  --accent-foreground: #FFE08A;
  --destructive: #FF8A80;
  --destructive-fill: #C8322A;
  --destructive-foreground: #FFFFFF;
  --border: #F7EFE61A;
  --input: #8F7F95;
  --ring: #B195F0;
  --sidebar: #170E1B;
  --sidebar-foreground: #F7EFE6;
  --sidebar-border: #F7EFE612;
  --sidebar-accent: #FFC3191A;
  --sidebar-accent-foreground: #FFF3D0;
  --link: #FFCF4D;
  --success: #5FD3A6;
  --warning: #FFB547;
  --status-working: #FFCF4D;
  --unread: #FFC319;
  --working-dot: #8FC46A;
  --overlay: #0A050CB3;
  --scrollbar: #F7EFE638;
  --scrollbar-hover: #F7EFE680;
}

html[data-theme="light"] {
  --background: #FFFCF7;
  --dialog: #FFFDF9;
  --foreground: #27162D;
  --card: #FFFFFF;
  --card-foreground: #27162D;
  --popover: #FFFFFF;
  --popover-foreground: #27162D;
  --primary: #FFC319;
  --primary-hover: #FFBC00;
  --primary-disabled: #FFC31959;
  --primary-foreground: #301E0C;
  --secondary: #27162D0A;
  --secondary-foreground: #27162D;
  --chat-user: #FFC319;
  --chat-user-foreground: #301E0C;
  --muted: #FFF6E6;
  --muted-foreground: #665D6C;
  --faint-foreground: #776D7B;
  --accent: #FFEDB2;
  --accent-foreground: #6E4E0E;
  --destructive: #B42318;
  --destructive-fill: #C8322A;
  --destructive-foreground: #FFFFFF;
  --border: #EEE6DF;
  --input: #9C8B7E;
  --ring: #6D46B5;
  --sidebar: #FFFAF1;
  --sidebar-foreground: #27162D;
  --sidebar-border: #F1E5D8;
  --sidebar-accent: #FFEDB2;
  --sidebar-accent-foreground: #27162D;
  --link: #975600;
  --success: #1E7358;
  --warning: #8A5A00;
  --status-working: #975600;
  --unread: #B28C16;
  --working-dot: #6F9A4C;
  --overlay: #291E3B7A;
  --scrollbar: #27162D38;
  --scrollbar-hover: #27162D73;
}