/* Custom color scheme for Pensando */
/* :root {
  /* Light mode colors 
  --color-primary: #2563eb;          
  --color-primary-hover: #1d4ed8;    
  --color-border: #8b5cf6;           
  --color-text: #1f2937;             
  --color-text-muted: #6b7280;       
  --color-background: #ffffff;       
  --color-background-code: #f3f4f6;  

  /* Dark mode colors 
  --color-primary-dark: #60a5fa;     
  --color-primary-hover-dark: #3b82f6
  --color-border-dark: #a78bfa;      
  --color-text-dark: #f9fafb;        
  --color-text-muted-dark: #d1d5db;  
  --color-background-dark: #111827;  
  --color-background-code-dark: #1f2937;
} */

/* 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;
  }
}