html:root {
  --product-name: "Cosec";
}

html[data-theme="dark"] {
  --background: #1A1817;
  --dialog: #242221;
  --foreground: #F3F2F2;
  --card: #2D2B2B;
  --card-foreground: #F3F2F2;
  --popover: #2D2B2B;
  --popover-foreground: #F3F2F2;
  --primary: #62C5EE;
  --primary-hover: #99E0FF;
  --primary-disabled: #62C5EE33;
  --primary-foreground: #201E1D;
  --secondary: #F3F2F20A;
  --secondary-foreground: #F3F2F2;
  --chat-user: #444141;
  --chat-user-foreground: #F3F2F2;
  --muted: #2D2B2B;
  --muted-foreground: #F3F2F2B3;
  --faint-foreground: #F3F2F294;
  --accent: #F3F2F21A;
  --accent-foreground: #F3F2F2;
  --border: #F3F2F21F;
  --input: #F3F2F23D;
  --ring: #62C5EE;
  --sidebar: #1A1817;
  --sidebar-foreground: #F3F2F2;
  --sidebar-border: #F3F2F214;
  --sidebar-accent: #F3F2F214;
  --sidebar-accent-foreground: #F3F2F2;
  --link: #62C5EE;
  --status-working: #62C5EE;
  --unread: #62C5EE;
  --scrollbar: #F3F2F23D;
  --scrollbar-hover: #F3F2F285;
}

html[data-theme="light"] {
  --background: #F3F2F2;
  --dialog: #FFFFFF;
  --foreground: #201E1D;
  --card: #EAE9E9;
  --card-foreground: #201E1D;
  --popover: #FFFFFF;
  --popover-foreground: #201E1D;
  --primary: #006786;
  --primary-hover: #004961;
  --primary-disabled: #00678633;
  --primary-foreground: #FFFFFF;
  --secondary: #201E1D0F;
  --secondary-foreground: #201E1D;
  --chat-user: #201E1D;
  --muted: #EAE9E9;
  --muted-foreground: #201E1DB8;
  --faint-foreground: #201E1DA8;
  --accent: #201E1D0F;
  --accent-foreground: #201E1D;
  --border: #201E1D29;
  --input: #201E1D52;
  --ring: #1186AC;
  --sidebar: #EAE9E9;
  --sidebar-foreground: #201E1D;
  --sidebar-border: #201E1D29;
  --sidebar-accent: #201E1D14;
  --sidebar-accent-foreground: #201E1D;
  --link: #006786;
  --status-working: #006786;
  --unread: #006786;
  --scrollbar: #201E1D3D;
  --scrollbar-hover: #201E1D85;
}