/* Shared design tokens of the PeproDev UPS modern UI. Override these custom properties in your theme to change the palette. */
:root {
  /* theme text font when exposed (e.g. Woodmart); otherwise left undefined so font-family falls back to the inherited theme font */
  --mj-font: var(--wd-text-font);
  --mj-font-title: var(--wd-title-font, var(--mj-font));

  --mj-primary: #28504f;
  --mj-primary-hover: #1e3d3c;
  --mj-primary-soft: #e7efee;
  --mj-on-primary: #ffffff;

  --mj-gold: #b08d57;
  --mj-gold-soft: #f4ecdd;

  --mj-ink: #231f1a;
  --mj-muted: #756c61;
  --mj-line: #e8e1d6;
  --mj-sand: #f5f1ea;
  --mj-surface: #ffffff;
  --mj-page: #faf8f4;

  --mj-success: #1f7a4d;
  --mj-success-soft: #e8f5ee;
  --mj-danger: #a4282a;
  --mj-danger-soft: #fbeceb;
  --mj-info-soft: #eef3f3;

  --mj-radius-sm: 10px;
  --mj-radius: 14px;
  --mj-radius-lg: 22px;
  --mj-shadow-sm: 0 1px 2px rgba(35, 31, 26, .06);
  --mj-shadow: 0 1px 2px rgba(35, 31, 26, .04), 0 12px 32px -12px rgba(35, 31, 26, .14);
  --mj-ease: cubic-bezier(.2, .7, .2, 1);
}