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

:root {
  --color-canvas: #f4f1e8;
  --color-panel: rgba(255, 252, 245, 0.94);
  --color-line: #d9cfbf;
  --color-ink: #183030;
  --color-muted: #66756d;
  --color-accent: #156c66;
  --color-free: #e3f4e4;
  --color-busy: #f6dfc0;
  --color-today: #d8ebff;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(21, 108, 102, 0.14), transparent 28%),
    radial-gradient(circle at top right, rgba(218, 179, 111, 0.18), transparent 22%),
    linear-gradient(180deg, #faf7ef 0%, #f2eee4 100%);
  color: var(--color-ink);
}

a {
  color: inherit;
  text-decoration: none;
}

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background: rgba(21, 108, 102, 0.24);
  border-radius: 9999px;
  border: 3px solid transparent;
  background-clip: padding-box;
}

.selection-outline {
  box-shadow: inset 0 0 0 2px rgba(59, 184, 86, 0.95);
}

.selection-fill {
  background-color: rgba(151, 245, 118, 0.52);
}

/* Globalnie zmniejszamy promienie narożników mniej więcej o połowę. */
.rounded-lg {
  border-radius: 0.25rem;
}

.rounded-xl {
  border-radius: 0.375rem;
}

.rounded-2xl {
  border-radius: 0.5rem;
}

.rounded-3xl {
  border-radius: 0.75rem;
}

.rounded-\[26px\] {
  border-radius: 13px;
}

.rounded-\[28px\] {
  border-radius: 14px;
}

.rounded-\[30px\] {
  border-radius: 15px;
}

.rounded-r-2xl {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
