@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --font-family: "Manrope";
  --color-brand: 24 90 219;
  --color-accent: 0 166 166;
  --color-surface: 244 247 251;
  --color-page: 248 250 252;
  --color-text: 15 23 42;
  --color-muted: 90 106 133;
  --color-line: 215 222 235;
}

.dark {
  --color-brand: 63 140 255;
  --color-accent: 34 211 238;
  --color-surface: 30 41 59;
  --color-page: 2 6 23;
  --color-text: 226 232 240;
  --color-muted: 148 163 184;
  --color-line: 51 65 85;
}

html,
body,
#root {
  min-height: 100%;
}

body {
  background:
    radial-gradient(circle at top left, rgb(var(--color-brand) / 0.18), transparent 32%),
    radial-gradient(circle at top right, rgb(var(--color-accent) / 0.16), transparent 25%),
    rgb(var(--color-page));
  color: rgb(var(--color-text));
  font-family: var(--font-family), sans-serif;
}

.gantt-theme .wx-bar,
.gantt-theme .wx-task {
  fill: rgb(var(--color-brand));
}