/* CloudXM brand overrides for Material for MkDocs */

:root {
  --md-primary-fg-color: #0b0f24;          /* CloudXM navy */
  --md-primary-fg-color--light: #007cf0;   /* CloudXM blue */
  --md-primary-fg-color--dark: #070a1a;
  --md-accent-fg-color: #7a00f4;           /* CloudXM purple */
  --md-accent-fg-color--light: #007cf0;
  --md-accent-fg-color--dark: #5a00b8;
}

/* Dark mode adjustments */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0d1229;
  --md-primary-fg-color--dark: #070a1a;
  --md-accent-fg-color: #8b5cf6;
  --md-default-bg-color: #0b0f24;
  --md-default-fg-color: rgba(255, 255, 255, 0.92);
  --md-code-bg-color: rgba(255, 255, 255, 0.04);
}

/* Header gradient — CloudXM brand signature */
.md-header {
  background: linear-gradient(135deg, #0b0f24 0%, #14204d 60%, #3b0a5e 100%);
}
[data-md-color-scheme="slate"] .md-header {
  background: linear-gradient(135deg, #070a1a 0%, #101a3a 60%, #2c0847 100%);
}

/* Logo sizing in header */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: auto;
}

/* Home hero */
.cx-hero {
  background: linear-gradient(135deg, #0b0f24 0%, #007cf0 55%, #7a00f4 100%);
  border-radius: 0.75rem;
  color: #ffffff;
  padding: 2.2rem 2rem;
  margin-bottom: 1.5rem;
}
.cx-hero h1 {
  color: #ffffff !important;
  margin-top: 0;
  font-size: 2rem;
}
.cx-hero a.md-button {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.6);
}
.cx-hero a.md-button--primary {
  background: #ffffff;
  color: #0b0f24 !important;
  border-color: #ffffff;
}

/* Quick-link grid on home page */
.cx-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 0.8rem;
  margin: 1rem 0 1.5rem;
}
.cx-card {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 0.5rem;
  padding: 0.9rem 1rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.cx-card:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.cx-card .cx-card-title {
  font-weight: 700;
  display: block;
  margin-bottom: 0.25rem;
}