/* TermWork shared identity. Run `node brand/sync.mjs` after editing this file. */
:root {
  --tw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --tw-brand: #193e35;
  --tw-brand-hover: #2c5948;
  --tw-link: #27604d;
  --tw-focus: #326d59;
  --tw-focus-ring: #326d5926;
  --tw-tint: #edf3ef;
  --tw-tint-hover: #e2ece5;
  --tw-tint-subtle: #f6f9f7;
  --tw-brand-border: #b7cdbf;
  --tw-brand-soft: #679380;
  --tw-accent: #e9795d;
  --tw-ink: #26332f;
  --tw-muted: #626e68;
  --tw-line: #dce2df;
  --tw-canvas: #f5f6f7;
  --tw-surface: #ffffff;
  --tw-info: #315e85;
  --tw-info-bg: #edf3f9;
  --tw-success: #236b49;
  --tw-success-bg: #eaf6ef;
  --tw-warning: #895916;
  --tw-warning-bg: #fff5df;
  --tw-danger: #a52d2d;
  --tw-danger-bg: #fff0f0;
  --tw-radius-control: 6px;
  --tw-radius-frame: 8px;
  --tw-control-height: 44px;
  --tw-space-1: 4px;
  --tw-space-2: 8px;
  --tw-space-3: 12px;
  --tw-space-4: 16px;
  --tw-space-5: 24px;
  --tw-space-6: 32px;
}

/* The same compact mark on the website, sign-in and public forms. */
.tw-brand-symbol {
  display: inline-grid;
  place-items: center;
  position: relative;
  flex: 0 0 34px;
  width: 34px;
  height: 36px;
  color: var(--tw-brand);
  background: transparent;
  border-radius: 0;
  font: italic 700 32px/1 Georgia, serif;
  letter-spacing: 0;
}
.tw-brand-symbol::after {
  content: '';
  position: absolute;
  right: 1px;
  bottom: 3px;
  width: 6px;
  height: 6px;
  background: var(--tw-accent);
}