:root {
  --background: #f6f8fb;
  --card: #ffffff;
  --text: #1f2937;
  --muted: #8b95a7;
  --line: #e6eaf0;
  --pill-surface: #edf1f8;
  --pill-surface-hover: #e3e9f3;
  --pill-active: #6f7fa1;
  --pill-active-strong: #5d6f92;

  --pastel-blue: #cfe8ff;
  --pastel-blue-border: #7fb7ee;

  --pastel-green: #dff6e5;
  --pastel-green-border: #9bd8a8;

  --task-bg: #f8fbff;
  --task-border: #dceafe;

  --note-bg: #ffffff;
  --note-border: #e3e8ef;

  --danger-bg: #fff0f0;
  --danger: #e87979;

  --green-light: #e8f8ee;
  --green-text: #207245;

  --event-purple: #c7b8ff;
  --event-purple-border: #8b73e8;
  --event-purple-text: #2d235f;

  --shadow: 0 18px 45px rgba(31, 41, 55, 0.07);
  --hour-row-height: 76px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--background);
  color: var(--text);
}