/* Custom color scheme for Pensando */
:root {
  /* Light mode colors */
  --color-primary: #2563eb;           /* Blue for links and accents */
  --color-primary-hover: #1d4ed8;     /* Darker blue on hover */
  --color-border: #8b5cf6;            /* Purple for borders */
  --color-text: #1f2937;              /* Dark gray for text */
  --color-text-muted: #6b7280;        /* Medium gray for muted text */
  --color-background: #ffffff;        /* White background */
  --color-background-code: #f3f4f6;   /* Light gray for code blocks */

  /* Dark mode colors */
  --color-primary-dark: #60a5fa;      /* Light blue for dark mode */
  --color-primary-hover-dark: #3b82f6; /* Slightly darker blue */
  --color-border-dark: #a78bfa;       /* Light purple for borders */
  --color-text-dark: #f9fafb;         /* Off-white text */
  --color-text-muted-dark: #d1d5db;   /* Light gray for muted text */
  --color-background-dark: #111827;   /* Very dark background */
  --color-background-code-dark: #1f2937; /* Dark gray for code blocks */
}

/* Optional: Add any additional custom styles below */

/* Increase font size */
  body {
    font-size: 16px; /* Default is usually 16px */
    line-height: 1.7; /* Better readability with larger text */
  }

/* Adjust heading sizes proportionally */
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }

/* Adjust paragraph spacing for better readability */
p {
  margin-bottom: 1.2em;
}

/* Callout boxes styling */
.callout {
  margin: 1.5em 0;
  padding: 1em 1.2em;
  border-left: 4px solid;
  border-radius: 4px;
}

.callout-content {
  margin: 0;
}

.callout-content p:last-child {
  margin-bottom: 0;
}

/* Light mode callout styles */
.callout-tip {
  background-color: #d1fae5;
  border-color: #10b981;
  color: #065f46;
}

.callout-info {
  background-color: #dbeafe;
  border-color: #3b82f6;
  color: #1e40af;
}

.callout-warning {
  background-color: #fef3c7;
  border-color: #f59e0b;
  color: #92400e;
}

.callout-danger {
  background-color: #fee2e2;
  border-color: #ef4444;
  color: #991b1b;
}

/* Dark mode callout styles */
@media (prefers-color-scheme: dark) {
  .callout-tip {
    background-color: #064e3b;
    border-color: #34d399;
    color: #d1fae5;
  }

  .callout-info {
    background-color: #1e3a8a;
    border-color: #60a5fa;
    color: #dbeafe;
  }

  .callout-warning {
    background-color: #78350f;
    border-color: #fbbf24;
    color: #fef3c7;
  }

  .callout-danger {
    background-color: #7f1d1d;
    border-color: #f87171;
    color: #fee2e2;
  }
}