:root {
  --color-xred: #c0392b;
  --color-xred-dark: #962d22;
  --color-xblue: #7a1800;
  --color-xblue-light: #fbefe9;
  --color-xyellow: #c9a27e;
  --color-xgreen: #2e7d4f;
  --color-flagred: #c0392b;
  --color-flagblue: #7a1800;
  --color-navy: #3a0c02;
  --color-navy-2: #5c1200;
  --color-canvas: #efe9e7;
  --color-hairline: #efe4e1;
  --color-mist: #fbf7f6;
  --xo-rail: linear-gradient(180deg, #7a1800 0 55%, #c0392b 55% 80%, #c9a27e 80% 100%);
  --xo-stripe: linear-gradient(90deg, #7a1800 0 55%, #c0392b 55% 80%, #c9a27e 80%);
  --xo-focus-ring: rgba(122, 24, 0, .20);
  --xo-focus-glow: rgba(122, 24, 0, .26);
  --xo-row-focus: #fbf1ee;
  --xo-login-hero: linear-gradient(160deg, #fbf1ee 0%, #ffffff 75%);
  --xo-nav-active: #fbefe9;
  --xo-nav-ring: #ecc9bd;
  --xo-avatar: linear-gradient(135deg,#3a0c02,#7a1800);
  --xo-selection: #f3d6cc;
}