:root {
  --myixi-primary: #055B90;
  --myixi-primary-hover: #044A76;
  --myixi-primary-dark: #044A76;
  --myixi-soft: #EEF6FB;
  --myixi-bg-soft: #EEF6FB;
  --myixi-border: #CFE0EE;
  --myixi-border-soft: #E7EEF5;
  --myixi-text: #17324A;
  --myixi-muted: #5E7285;
  --myixi-white: #FFFFFF;

  --myixi-radius: 12px;
  --myixi-radius-sm: 8px;
  --myixi-radius-md: 18px;
  --myixi-radius-lg: 24px;

  --myixi-shadow: 0 18px 45px rgba(5, 91, 144, .10);
  --myixi-shadow-soft: 0 10px 28px rgba(23, 50, 74, .08);

  --myixi-container: 1170px;
  --myixi-container-wide: 1280px;

  --myixi-focus: 0 0 0 3px rgba(5, 91, 144, .14);
}

body:not(.wp-admin) {
  color: var(--myixi-text);
}

body:not(.wp-admin) .myixi-container {
  width: min(var(--myixi-container), calc(100% - 48px));
  margin-inline: auto;
}

body:not(.wp-admin) .myixi-container-wide {
  width: min(var(--myixi-container-wide), calc(100% - 48px));
  margin-inline: auto;
}

body:not(.wp-admin) .myixi-section {
  padding-block: clamp(58px, 6vw, 86px);
}

body:not(.wp-admin) .myixi-section-soft {
  background: var(--myixi-soft);
}

@media (max-width: 767px) {
  body:not(.wp-admin) .myixi-container,
  body:not(.wp-admin) .myixi-container-wide {
    width: calc(100% - 32px);
  }

  body:not(.wp-admin) .myixi-section {
    padding-block: 48px;
  }
}