/* Nivatio Custom Theme for MkDocs Material */
/* Inspired by checkout app - minimalistic dark graphite / light theme */

:root, [data-md-color-scheme="nivatio-light"] {
  /* Light theme - minimalistic white/gray */
  --md-primary-fg-color:        hsl(240, 6%, 10%);
  --md-primary-fg-color--light:  hsl(240, 5%, 96%);
  --md-primary-fg-color--dark:   hsl(240, 6%, 4%);
  --md-primary-bg-color:        hsl(0, 0%, 98%);
  --md-primary-bg-color--light:  hsl(0, 0%, 100%);

  --md-accent-fg-color:         hsl(240, 6%, 10%);

  --md-default-fg-color:        hsl(240, 10%, 4%);
  --md-default-fg-color--light: hsl(240, 4%, 46%);
  --md-default-fg-color--dark:  hsl(240, 10%, 4%);
  --md-default-bg-color:        hsl(0, 0%, 95%);
  --md-default-bg-color--light: hsl(0, 0%, 100%);

  --md-typeset-a-color:         hsl(240, 6%, 10%);

  --md-code-fg-color:           hsl(240, 10%, 4%);
  --md-code-bg-color:           hsl(240, 5%, 96%);

  --md-code-hl-color:           hsla(240, 6%, 10%, 0.1);

  --md-admonition-fg-color:     hsl(240, 10%, 4%);

  --md-footer-bg-color:         hsl(240, 6%, 10%);
  --md-footer-bg-color--dark:   hsl(240, 6%, 4%);
  --md-footer-fg-color:         hsl(0, 0%, 98%);
  --md-footer-fg-color--light:  hsl(0, 0%, 65%);
}

[data-md-color-scheme="nivatio-dark"] {
  /* Dark theme - graphite */
  --md-primary-fg-color:        hsl(0, 0%, 98%);
  --md-primary-fg-color--light: hsl(0, 0%, 65%);
  --md-primary-fg-color--dark:  hsl(0, 0%, 98%);
  --md-primary-bg-color:        hsl(0, 0%, 10%);
  --md-primary-bg-color--light: hsl(0, 0%, 13%);

  --md-accent-fg-color:         hsl(200, 100%, 70%);

  --md-default-fg-color:        hsl(0, 0%, 98%);
  --md-default-fg-color--light: hsl(0, 0%, 65%);
  --md-default-fg-color--dark:  hsl(0, 0%, 98%);
  --md-default-bg-color:        hsl(210, 5%, 10%);
  --md-default-bg-color--light: hsl(0, 0%, 13%);

  --md-typeset-a-color:         hsl(200, 100%, 70%);

  --md-code-fg-color:           hsl(0, 0%, 98%);
  --md-code-bg-color:           hsl(0, 0%, 18%);

  --md-code-hl-color:           hsla(0, 0%, 98%, 0.1);

  --md-admonition-fg-color:     hsl(0, 0%, 98%);

  --md-footer-bg-color:         hsl(0, 0%, 4%);
  --md-footer-bg-color--dark:   hsl(0, 0%, 2%);
  --md-footer-fg-color:         hsl(0, 0%, 98%);
  --md-footer-fg-color--light:  hsl(0, 0%, 65%);
}

/* Custom styles for Nivatio branding */
.md-header {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[data-md-color-scheme="nivatio-dark"] .md-header {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Logo text styling */
.md-header__title {
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* Code block improvements */
.md-typeset pre {
  border-radius: 0.6rem;
}

/* Admonition styling */
.md-typeset .admonition {
  border-radius: 0.6rem;
}

/* Button styling to match Nivatio */
.md-button--primary {
  border-radius: 0.6rem;
  font-weight: 500;
}

/* Table styling */
.md-typeset table:not([class]) {
  border-radius: 0.6rem;
  overflow: hidden;
}

/* Smooth theme transitions */
html {
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Status page styles */
.status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.status-card {
  border: 1px solid var(--md-default-fg-color--light);
  border-radius: 0.6rem;
  padding: 1rem;
  background: var(--md-default-bg-color--light);
}

.status-card.operational {
  border-left: 4px solid hsl(142, 71%, 45%);
}

.status-card.degraded {
  border-left: 4px solid hsl(38, 92%, 50%);
}

.status-card.down {
  border-left: 4px solid hsl(0, 84%, 60%);
}

.status-indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
}

.status-indicator.operational { background-color: hsl(142, 71%, 45%); }
.status-indicator.degraded { background-color: hsl(38, 92%, 50%); }
.status-indicator.down { background-color: hsl(0, 84%, 60%); }