/* Shared OncoloHealth design variables. Loaded before the other stylesheets.
   Some legacy styles still contain hard-coded values. */
:root {
  /* Brand colour */
  --ink: #172237;
  --deep: #18263b;
  --peach-accent: #f1a986;
  --peach-ink: #a54830;
  --peach-heading: #aa634b;
  --peach-deep-ink: #884a36;
  --readable-ink: #435168;
  --green: #80a995;
  --lime: #c5ded0;
  --cream: #fbf5f1;
  --muted: #697387;
  --line: #e3d4d0;
  /* Type */
  --serif: 'DM Serif Display',Georgia,serif;
  --sans: 'DM Sans',Arial,sans-serif;
  --fx-mono: 'DM Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  /* Effects layer (fx/) */
  --fx-deep: #111e32;
  --fx-navy: #1e3047;
  --fx-ink: #172237;
  --fx-cream: #fbf5f1;
  --fx-paper: #fffaf6;
  --fx-peach: #f1d5c5;
  --fx-peach-light: #eac3b6;
  --fx-peach-deep: #bc8a72;
  --fx-green: #80a995;
  --fx-line: #e3d4d0;
  --fx-bloom: #ffffff;
  --fx-shadow: 0 1px 2px rgba(17, 30, 50, .06), 0 18px 40px -18px rgba(17, 30, 50, .28);
  --fx-shadow-lift: 0 2px 4px rgba(17, 30, 50, .08), 0 28px 60px -22px rgba(17, 30, 50, .38);
  --fx-ease: cubic-bezier(.2, .7, .1, 1);
}