:root {
    --maxsim-primary:   #3781fa;    --maxsim-primary-rgb: 55, 129, 250;
    --maxsim-secondary: #5a5a5a;

    --maxsim-surface: radial-gradient(120% 180% at 20% 10%, #FFFFFF 0%, #F0F2F5 35%, #E2E6EB 70%, #F6F7F9 100%);
    --maxsim-surface-shadow: 3px 3px 8px rgba(0,0,0,.10);

    --maxsim-text:      #000000;
    --maxsim-parameter: #28a745;
    --maxsim-link:      #0d6efd;

    --maxsim-bg:        #ffffff;
    --maxsim-border:    #d6dce6;

    --maxsim-font: 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, sans-serif;
    --maxsim-font-monospace: 'Roboto Mono', monospace;
}


:root, [data-bs-theme='light'] {
  --bs-primary: var(--maxsim-primary);
  --bs-primary-rgb: var(--maxsim-primary-rgb);
  --bs-body-bg: var(--maxsim-bg);
  --bs-body-color: var(--maxsim-text);
  --bs-border-color: var(--maxsim-border);
  --bs-secondary-color: var(--maxsim-secondary);
  --bs-link-color: var(--maxsim-primary);
  --bs-link-hover-color: var(--maxsim-primary);
}

[data-bs-theme='dark'] {
  --bs-body-bg: #0b0f17;
  --bs-body-color: #e9eef6;
  --bs-border-color: #223042;
  --bs-primary: var(--maxsim-primary);
  --bs-primary-rgb: var(--maxsim-primary-rgb);
  --bs-link-color: var(--maxsim-primary);
  --bs-link-hover-color: var(--maxsim-primary);
}


.btn-primary {
    --bs-btn-bg:            var(--maxsim-primary);
    --bs-btn-border-color:  var(--maxsim-primary);
}
.btn-outline-primary {
    --bs-btn-color:         var(--maxsim-primary);
    --bs-btn-border-color:  var(--maxsim-primary);
}

.btn-secondary {
    --bs-btn-bg:            var(--maxsim-secondary);
    --bs-btn-border-color:  var(--maxsim-secondary);
}
.btn-outline-secondary {
    --bs-btn-color:         var(--maxsim-secondary);
    --bs-btn-border-color:  var(--maxsim-secondary);
}