/* ============================================================
   Meetto Docs — Custom Branding Styles
   ============================================================ */

:root {
  --meetto-gradient-start: #6c07ec;
  --meetto-gradient-end: #4b1afc;
  --meetto-primary: #5a49f8;
  --meetto-primary-dark: #4b1afc;
  --meetto-accent: #8b6cf6;
  --link-color: #5a49f8;
}

[data-md-color-scheme="slate"] {
  --meetto-gradient-start: #5a30c0;
  --meetto-gradient-end: #3b14d0;
  --meetto-primary: #7b6af8;
  --meetto-primary-dark: #6c07ec;
  --meetto-accent: #9b89f8;
  --link-color: #9b89f8;
}

/* Primary color overrides */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--meetto-primary);
  --md-primary-fg-color--light: var(--meetto-primary);
  --md-primary-fg-color--dark: var(--meetto-primary-dark);
  --md-accent-fg-color: var(--meetto-accent);
  --md-typeset-a-color: var(--link-color);
}

/* Link styling */
.md-typeset a,
.md-typeset a:hover {
  color: var(--link-color);
}

.md-typeset a:hover:not(.md-button) {
  text-decoration: underline;
}

/* Button styling */
.md-typeset .md-button {
  border-radius: 0.5rem;
  font-weight: 500;
  padding: 0.4em 1em;
}

.md-typeset .md-button--primary {
  background: linear-gradient(315deg, var(--meetto-gradient-start), var(--meetto-gradient-end) 74%) var(--meetto-gradient-start);
  border-color: transparent;
  color: #fff !important;
}

.md-typeset .md-button--primary:hover {
  background: linear-gradient(315deg, var(--meetto-gradient-end), var(--meetto-gradient-start) 74%) var(--meetto-gradient-end);
}

/* Header gradient */
.md-header {
  background: linear-gradient(315deg, var(--meetto-gradient-start), var(--meetto-gradient-end) 74%) var(--meetto-gradient-start);
}

[data-md-color-scheme="slate"] .md-header {
  background: linear-gradient(315deg, var(--meetto-gradient-start), var(--meetto-gradient-end) 74%) var(--meetto-gradient-start);
}

/* Admonition tweaks */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 0.5rem;
  border-left-width: 4px;
}

/* Better table styling */
.md-typeset table:not([class]) {
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.md-typeset table:not([class]) th {
  background: var(--meetto-primary);
  color: #fff;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background: var(--meetto-primary-dark);
}

/* Footer social icons */
.md-social__link svg {
  max-height: 1.2rem;
}

/* Smooth transition for dark/light toggle */
.md-header,
.md-tabs,
.md-footer,
.md-sidebar,
.md-main {
  transition: background-color 0.3s ease;
}

/* Improve code block appearance */
.md-typeset code {
  border-radius: 0.3rem;
  padding: 0.1em 0.3em;
}

.md-typeset pre > code {
  border-radius: 0.5rem;
}