/* IMPORT CORE THEME */
@import url("https://roam-themes.ciii.workers.dev/css/core");

/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap");

/* VARIABLES */
:root {
  --page-width: 616px;

  --header-font: "Crimson Text", serif;
  --body-font: "Crimson Text", serif;

  --bg-color: #f5f1e2;
  --page-color: rgba(236, 231, 209, 0.95);

  --text-color: #000000;
  --icon-color: #5c7080;
  --bullet-color: rgba(0, 0, 0, 0.2);

  --page-shadow: 0px 8px 14px rgba(0, 0, 0, 0.02);
  --color-primary: 181, 124, 38;
  --color-primary-contrast: #ffffff;
  --color-secondary: 100, 181, 38;

  --color-secondary-contrast: #ffffff;
}

/* YGGDRASIL CUSTOM STYLES */

.rm-page-ref-tag {
  padding: 3px 6px 2px 6px;
}

/* reverse colours for saving / saving-remote so that green is used for "saved" */
.rm-saving-icon .rm-synced {
  background-color: rgb(var(--color-secondary));
}
.rm-saving-icon .rm-saving-remote {
  background-color: rgb(var(--color-primary));
}

.block-bullet-view .bp3-button:not([class*="bp3-icon"]) {
  padding: 5px 14px 0px 14px !important;
}

.kanban-card {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.kanban-column {
  background-color: var(--bg-color);
}

/* CHANGE COLOURS IN CANVAS */

canvas[data-id="layer2-node"] {
  filter: invert(1) hue-rotate(170deg) saturate(2.5);
}

.rm-topbar {
  background: #f5f1e2;
}