/* =========================================================
   DMNL SPORT
   Custom child template for DMN Lenart
   Parent: Cassiopeia
   ========================================================= */

/* ---------- Design system ---------- */

:root {
  --dmnl-navy: #0b1f3a;
  --dmnl-navy-light: #12345a;
  --dmnl-blue: #1769aa;
  --dmnl-orange: #f28c18;

  --dmnl-bg: #f4f7fb;
  --dmnl-surface: #ffffff;
  --dmnl-text: #172033;
  --dmnl-muted: #657184;
  --dmnl-border: #dfe5ec;

  --dmnl-radius: 12px;
  --dmnl-shadow: 0 8px 28px rgba(11, 31, 58, 0.08);

  --dmnl-content-width: 1440px;
}

/* ---------- Global ---------- */

body.site {
  background: var(--dmnl-bg);
  color: var(--dmnl-text);
  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  line-height: 1.6;
}

a {
  color: var(--dmnl-blue);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

a:hover,
a:focus {
  color: var(--dmnl-orange);
}

/* ---------- Headings ---------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--dmnl-navy);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

/* ---------- Main header ---------- */

.container-header {
  background:
    linear-gradient(
      115deg,
      var(--dmnl-navy) 0%,
      var(--dmnl-navy-light) 70%,
      var(--dmnl-blue) 100%
    );
  background-image:
    linear-gradient(
      115deg,
      var(--dmnl-navy) 0%,
      var(--dmnl-navy-light) 70%,
      var(--dmnl-blue) 100%
    );
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.16);
}

.container-header .navbar-brand,
.container-header .site-description {
  color: #ffffff;
}

.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
  color: #ffffff;
  font-weight: 650;
  letter-spacing: 0.01em;
}

.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li > a:focus {
  color: var(--dmnl-orange);
}

/* ---------- Content ---------- */

.site-grid {
  max-width: var(--dmnl-content-width);
  margin-inline: auto;
}

main {
  min-width: 0;
}

/* ---------- Modules / cards ---------- */

.card,
.moduletable {
  border-color: var(--dmnl-border);
}

.card {
  border-radius: var(--dmnl-radius);
  box-shadow: var(--dmnl-shadow);
}

/* ---------- Buttons ---------- */

.btn-primary {
  background-color: var(--dmnl-orange);
  border-color: var(--dmnl-orange);
  color: #111820;
  font-weight: 700;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #dc7810;
  border-color: #dc7810;
  color: #ffffff;
}

/* ---------- Footer ---------- */

.container-footer {
  background: var(--dmnl-navy);
  color: rgba(255, 255, 255, 0.86);
}

.container-footer a {
  color: #ffffff;
}

.container-footer a:hover,
.container-footer a:focus {
  color: var(--dmnl-orange);
}