/* Reportform2 is the visual authority for the portal and its workspaces. */
:root {
  --ui-paper: #fff;
  --ui-canvas: #f4f7f5;
  --ui-ink: #18251f;
  --ui-muted: #56645c;
  --ui-accent: #147d52;
  --ui-accent-hover: #0e603f;
  --ui-line: #dce4df;
  --ui-soft: #f7f9f8;
  --ui-tint: #ebf4ef;
  --ui-field: #aabbb1;
  --ui-focus: #1769a6;
  --ui-danger: #9c2929;
  --ui-danger-hover: #7d1f1f;
  --ui-warning: #855818;
  --ui-on-accent: #fff;
  --ui-font: Arial, Helvetica, sans-serif;
  --ui-page-width: 1280px;
  --ui-page-padding: 28px 36px 48px;
  --ui-sheet-padding: 38px 56px 24px;
  --ui-title-size: 38px;
  --ui-section-size: 23px;
}
html.dark-layout, body.dark-layout {
  --ui-paper: #1d2329;
  --ui-canvas: #14181d;
  --ui-ink: #eef1f2;
  --ui-muted: #b6c0c5;
  --ui-accent: #8bd5ad;
  --ui-accent-hover: #b2e8c9;
  --ui-line: #354047;
  --ui-soft: #252d33;
  --ui-tint: #213b30;
  --ui-field: #7a8a91;
  --ui-focus: #83bcf4;
  --ui-danger: #ffadad;
  --ui-danger-hover: #ffc6c6;
  --ui-warning: #f7c780;
  --ui-on-accent: #112b1d;
}
@media (max-width: 1100px) {
  :root { --ui-page-padding: 20px; --ui-sheet-padding: 32px; }
}
@media (max-width: 700px) {
  :root {
    --ui-page-padding: 16px 12px 28px;
    --ui-sheet-padding: 22px 18px;
    --ui-title-size: 29px;
    --ui-section-size: 20px;
  }
}