/* ============================================
   ENHANCED THEME - Improved Contrast & Visibility
   Better differentiation between elements
   ============================================ */

:root {
  /* Primary brand colors - slightly adjusted for better contrast */
  --cot-primary: #1d4ed8;
  --cot-primary-rgb: 29, 78, 216;
  --cot-primary-dark: #1e40af;
  --cot-primary-light: #2563eb;

  /* Semantic colors - more saturated for better visibility */
  --cot-success: #059669;
  --cot-success-rgb: 5, 150, 105;
  --cot-warning: #d97706;
  --cot-warning-rgb: 217, 119, 6;
  --cot-danger: #dc2626;
  --cot-danger-rgb: 220, 38, 38;
  --cot-info: #0891b2;
  --cot-info-rgb: 8, 145, 178;

  /* Neutral colors - enhanced contrast range */
  --cot-gray-50: #f8fafc;
  --cot-gray-100: #f1f5f9;
  --cot-gray-200: #e2e8f0;
  --cot-gray-300: #cbd5e1;
  --cot-gray-400: #94a3b8;
  --cot-gray-500: #64748b;
  --cot-gray-600: #475569;
  --cot-gray-700: #334155;
  --cot-gray-800: #1e293b;
  --cot-gray-900: #0f172a;

  /* Background colors - subtle differentiation */
  --cot-bg-body: #ffffff;
  --cot-bg-surface: #f8fafc;
  --cot-bg-code: #1e293b;

  /* Text colors - stronger contrast */
  --cot-text-primary: #0f172a;
  --cot-text-secondary: #334155;
  --cot-text-muted: #64748b;
  --cot-text-inverse: #ffffff;

  /* Border colors - MUCH MORE VISIBLE */
  --cot-border-color: #cbd5e1;        /* Changed from gray-200 to gray-300 */
  --cot-border-color-dark: #94a3b8;   /* Changed from gray-300 to gray-400 */
}

/* Enhanced border widths for better visibility */
h2 {
  border-bottom-width: 2px;
}

.cot-header {
  border-bottom-width: 2px;
}

.cot-footer {
  border-top-width: 2px;
}

.cot-page-nav {
  border-top-width: 2px;
}

/* Slightly thicker borders on interactive elements */
.cot-table--bordered {
  border-width: 1.5px;
}

.cot-table--bordered th,
.cot-table--bordered td {
  border-width: 1.5px;
}

.cot-card {
  border-width: 1.5px;
}

.cot-page-nav-link {
  border-width: 1.5px;
}