/* -- new colors 2026
Primär: #2D3139
Sekundär:
- ljusgrå #F5F5F6
- mellangrå #D4D9DC
- mörkgrå #777A7F
Accent: #55667C
Error message: #BEA9A8

-- */
:root {
  --primary-color: #2D3139; /* global scope */
  --accent-color: #55667C;
  --light-gray: #F5F5F6;
  --mid-gray: #D4D9DC;
  --dark-gray: #777A7F;
  --error-color: #BEA9A8;
}

h1, h2, h3, h4 {
  color: var(--primary-color);
}

.tws-content-box img { 
  border-radius: 5px; 
  border: 1px solid var(--accent-color);
  box-shadow: 2px 4px 5px var(--accent-color);
  opacity: 0.5; 
  color: #2D3139;
}

.hajde--top-bar {
  background: var(--primary-color) !important; /* tidigare röd färg: #d06263 */
  box-shadow: 0px 5px 5px var(--dark-gray);
}

.tws-content-box, 
.tws-content-box-x2 {
/*  opacity: 0.5; 
  background: rgba(76, 175, 80, 0.3) */
}

.btn {
  font-weight: normal !important;
  border-radius: 25px;  
  border: 2px solid #2D3139;
  box-shadow: 2px 4px 5px var(--dark-gray);
  padding: 5px 15px; 
}

a.btn-default {
  padding: 10px 20px !important; 
}

div.tws-article-list--buy-button {
    margin: 0px 0px 10px 0px !important;
}