/* Set global defaults for optional user controlled colours & border radius */
:root {
  --btn-submit-bg: #28a745;
  --btn-submit-txt: #fff;
  --page-bg: #f7f7f7;
  --page-txt: #222b4d;
  --btn-primary-bg: #222b4d;
  --btn-primary-txt: #fff;
  --btn-secondary-bg: #aeaeae;
  --btn-secondary-txt: #fff;
  --pane-bg: #ffffff;
  --pane-txt: #000;
  --pane-link: #027dff;
  --input-border-color: rgba(0, 0, 0, 0.2);
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
}

/* override for sharp corners */
body.sharp {
  --border-radius-sm: 0px;
  --border-radius-md: 0px;
  --border-radius-lg: 0px;
}

/* override for dark card bg colors */
.pane.dark {
    --input-border-color: rgba(255,255,255,0.2)
}