/* Kalpnk brand rules from identity guide pages 10 and 13. */
:root {
  --primary: #0A0A0A;
  --secondary: #536879;
  --border: rgba(10, 10, 10, 0.14);
  --bg: #0A0A0A;
  --theme: #536879;
  --black: #0A0A0A;
  --white: #E5E4E2;
  --action: #536879;
}

.dark {
  --primary: #E5E4E2;
  --secondary: #AAB9C4;
  --border: rgba(229, 228, 226, 0.14);
  --bg: #0A0A0A;
}

body {
  background-color: #E5E4E2;
  color: #0A0A0A;
}

::selection {
  background-color: #536879;
  color: #E5E4E2;
}

.theme-bg-theme,
.kalpanik-loader-wrap,
.kalpanik-progress-wrap {
  background-color: #0A0A0A;
}

.kalpanik-primary-surface {
  background-color: #0A0A0A;
}

.kalpanik-action-button {
  background-color: #536879;
  border-color: #536879;
}

.kalpanik-action-button:hover,
.kalpanik-action-button:focus,
.kalpanik-side-toggle:hover {
  background-color: #E5E4E2;
  border-color: #E5E4E2;
  color: #0A0A0A;
}

.kalpanik-action-button:hover .kalpanik-btn-wrap .kalpanik-text-two,
.kalpanik-action-button:focus .kalpanik-btn-wrap .kalpanik-text-two {
  color: #0A0A0A;
}

.kalpanik-footer-area .kalpanik-underlined-link:hover,
.kalpanik-footer-nav-list a:hover {
  color: #536879;
}