/* ChronoScope Custom Styles */

:root {
  --cs-gradient-start: #667eea;
  --cs-gradient-end: #764ba2;
  --cs-card-shadow: 0 2px 4px rgba(0,0,0,0.1);
  --cs-border-radius: 0.5rem;
}

/* Hero section styling */
.hero-section {
  background: linear-gradient(135deg, var(--cs-gradient-start) 0%, var(--cs-gradient-end) 100%);
  color: white;
  padding: 3rem 1rem;
  border-radius: var(--cs-border-radius);
  margin-bottom: 2rem;
}

/* Feature cards */
.feature-card {
  background: white;
  border-radius: var(--cs-border-radius);
  padding: 1.5rem;
  box-shadow: var(--cs-card-shadow);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feature-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Image zoom container */
.zoom-image {
  cursor: zoom-in;
  border-radius: var(--cs-border-radius);
  overflow: hidden;
}

/* Admonition custom colors */
.md-typeset .admonition.tip {
  border-color: var(--cs-gradient-start);
}

/* Code block improvements */
.md-typeset pre > code {
  border-radius: var(--cs-border-radius);
}

/* Button styling */
.md-button--primary {
  background: linear-gradient(135deg, var(--cs-gradient-start) 0%, var(--cs-gradient-end) 100%);
  border: none;
}