/* Generated from apps/web/app/globals.css. Do not edit this palette. */
:root {
  --background: var(--palette-white);
  --border: #e0e0e0;
  --brand: var(--palette-blue);
  --font-system-mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;
  --foreground: var(--palette-black);
  --input: #b8b8b8;
  --interaction-border: color-mix(in srgb, var(--brand) 38%, var(--background));
  --interaction-hover: color-mix(
		in srgb,
		var(--foreground) 6%,
		var(--background)
	);
  --interaction-selected: color-mix(
		in srgb,
		var(--brand) 9%,
		var(--background)
	);
  --muted: #f5f5f5;
  --muted-foreground: #666666;
  --negative: #d32f3c;
  --palette-black: #000000;
  --palette-blue: #52779b;
  --palette-green: #089981;
  --palette-orange: #e57700;
  --palette-red: #f23645;
  --palette-violet: #8b5cf6;
  --palette-white: #ffffff;
  --positive: #008060;
  --primary: var(--foreground);
  --primary-foreground: var(--background);
  --radius: 0;
  --ring: var(--brand);
  --secondary: #f0f0f0;
  --warning: #a65c00;
}
.dark {
  --background: var(--palette-black);
  --border: #2b2b2b;
  --brand: #86a5c3;
  --foreground: var(--palette-white);
  --input: #555555;
  --muted: #111111;
  --muted-foreground: #a3a3a3;
  --negative: var(--palette-red);
  --palette-blue: #86a5c3;
  --palette-green: #00c9a7;
  --palette-orange: #ff9800;
  --palette-red: #ff5263;
  --palette-violet: #a77bff;
  --positive: var(--palette-green);
  --secondary: #1b1b1b;
  --warning: var(--palette-orange);
}