/**
 * Artimed - Main stylesheet
 * @package Renowners_Artimed
 */

@import "variables.css";
@import "header.css";
@import "footer.css";
@import "hero.css";
@import "sections.css";

/* Base */
body {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-black);
  background-color: var(--color-white);
}

a {
  color: var(--color-brand);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--color-brand-light);
}

/* Container */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* Buttons - układ Medpro */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-family: var(--font-primary);
  font-size: 17px;
  font-weight: 700;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), color var(--transition-base);
}

.btn-primary {
  background-color: var(--color-action);
  color: var(--color-white);
}

.btn-primary:hover {
  background-color: var(--color-action-hover);
  color: var(--color-white);
}

.btn-secondary {
  background-color: transparent;
  color: var(--color-brand);
  border: 2px solid var(--color-brand);
}

.btn-secondary:hover {
  background-color: var(--color-brand);
  color: var(--color-white);
}