/* Swiss Squash Custom Colors */
:root {
  /* Swiss Squash Brand Colors */
  --ss-red: #C70039;
  --ss-dark-gray: #333333;
  --ss-black: #1A1A1A;
  --ss-medium-gray: #4E4C4B;
  --ss-gray: #6E6968;
  --ss-light-gray: #938D8B;
  --ss-beige: #BDB8B5;
  --ss-cream-light: #F3F0EB;
  --ss-cream: #FAF9F7;
}

/* Apply Swiss Squash colors to Material theme */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--ss-beige);
  --md-primary-fg-color--light: var(--ss-beige);
  --md-primary-fg-color--dark: #A69C99;
  --md-accent-fg-color: var(--ss-red);
  --md-accent-fg-color--transparent: rgba(199, 0, 57, 0.1);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--ss-beige);
  --md-primary-fg-color--light: var(--ss-beige);
  --md-primary-fg-color--dark: #A69C99;
  --md-accent-fg-color: var(--ss-red);
  --md-default-bg-color: var(--ss-black);
  --md-default-fg-color: var(--ss-cream);
  --md-code-bg-color: var(--ss-dark-gray);
}

/* Custom styles for links */
.md-content a {
  color: var(--ss-red);
}

.md-content a:hover {
  color: #A50030;
}

/* Custom styles for buttons */
.md-button {
  background-color: var(--ss-red);
  border-color: var(--ss-red);
}

.md-button:hover {
  background-color: #A50030;
  border-color: #A50030;
}

/* Language selector styling */
.md-select__inner {
  color: var(--ss-dark-gray);
}

/* H2 headings with left border */
.md-content h2 {
  border-left: 4px solid var(--ss-red);
  padding-left: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 2rem;
  background: linear-gradient(to right, var(--ss-cream-light), transparent);
}

[data-md-color-scheme="slate"] .md-content h2 {
  background: linear-gradient(to right, rgba(199, 0, 57, 0.1), transparent);
}