/* MORROWKEY — zīmola marķieri un pogas
 * Krāsas atvasinātas no divām pamatkrāsām (#001145 un #3D8FFA);
 * visi teksta pāri atbilst WCAG AA (>= 4.5:1).
 * Pārrēķinu var atkārtot ar tools/build_palette.py.
 */

:root {
  --mk-ink: #001145;
  --mk-slate: #3B5C8A;
  --mk-accent: #3D8FFA;
  --mk-link: #3075D4;
  --mk-accent-tint: #E8F2FE;
  --mk-surface: #F6F7F8;
  --mk-line: #DBDEE5;
  --mk-white: #FFFFFF;

  --mk-ink-hover: #0B2866;
  --mk-ink-active: #000D34;
  --mk-accent-hover: #3680E4;
  --mk-accent-active: #2E71CF;

  --mk-radius: 8px;
  --mk-radius-lg: 14px;
  --mk-focus: 0 0 0 3px rgba(61, 143, 250, 0.45);

  /* Sofia Pro ir zīmola fonts; rezerves virkne, kamēr licence nav nopirkta. */
  --mk-font: "Sofia Pro", "Poppins", "Century Gothic", "Avenir Next", system-ui, sans-serif;
}

/* ------------------------------------------------------------------ logo */

.mk-logo,
.mk-wordmark,
.mk-symbol {
  display: block;
  height: auto;
}

/* Aizsargjosla ap logo = "m" burta augstums. */
.mk-logo--spaced { padding: 0.42em; }

/* --------------------------------------------------------------- pogas */

.mk-btn {
  --_bg: var(--mk-ink);
  --_fg: var(--mk-white);
  --_bd: transparent;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  box-sizing: border-box;
  min-height: 44px;              /* pieskāriena minimums */
  padding: 0.72em 1.5em;
  border: 1px solid var(--_bd);
  border-radius: var(--mk-radius);
  background: var(--_bg);
  color: var(--_fg);
  font-family: var(--mk-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.mk-btn:focus-visible {
  outline: none;
  box-shadow: var(--mk-focus);
}

.mk-btn:disabled,
.mk-btn[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
}

.mk-btn--primary:hover:not(:disabled) { --_bg: var(--mk-ink-hover); }
.mk-btn--primary:active:not(:disabled) { --_bg: var(--mk-ink-active); }

.mk-btn--accent { --_bg: var(--mk-accent); --_fg: var(--mk-ink); }
.mk-btn--accent:hover:not(:disabled) { --_bg: var(--mk-accent-hover); }
.mk-btn--accent:active:not(:disabled) { --_bg: var(--mk-accent-active); }

.mk-btn--outline { --_bg: transparent; --_fg: var(--mk-ink); --_bd: var(--mk-line); }
.mk-btn--outline:hover:not(:disabled) { --_bg: var(--mk-accent-tint); --_bd: var(--mk-accent); }
.mk-btn--outline:active:not(:disabled) { --_bg: var(--mk-accent-tint); --_bd: var(--mk-ink); }

.mk-btn--ghost { --_bg: transparent; --_fg: var(--mk-link); padding-inline: 0.5em; }
.mk-btn--ghost:hover:not(:disabled) { --_fg: var(--mk-ink); }

.mk-btn--sm { min-height: 36px; padding: 0.5em 1em; font-size: 14px; }
.mk-btn--lg { min-height: 52px; padding: 0.9em 1.9em; font-size: 16px; }

.mk-btn--block { display: flex; width: 100%; }

/* Uz tumša fona pogas apgriežas otrādi. */
.mk-on-dark { background: var(--mk-ink); color: var(--mk-white); }
.mk-on-dark .mk-btn--primary { --_bg: var(--mk-white); --_fg: var(--mk-ink); }
.mk-on-dark .mk-btn--primary:hover:not(:disabled) { --_bg: var(--mk-accent-tint); }
.mk-on-dark .mk-btn--outline { --_fg: var(--mk-white); --_bd: rgba(255, 255, 255, 0.4); }
.mk-on-dark .mk-btn--outline:hover:not(:disabled) {
  --_bg: rgba(255, 255, 255, 0.1);
  --_bd: var(--mk-white);
}
.mk-on-dark .mk-btn--ghost { --_fg: var(--mk-accent); }
.mk-on-dark .mk-btn--ghost:hover:not(:disabled) { --_fg: var(--mk-white); }

/* ----------------------------------------------------------- teksts */

.mk-link { color: var(--mk-link); text-decoration-thickness: 1px; text-underline-offset: 2px; }
.mk-link:hover { color: var(--mk-ink); }
.mk-muted { color: var(--mk-slate); }