/* ============================================
   Rust Quiz - Custom Bootstrap 5 Theme
   Minimal custom styles for Rust branding
   ============================================ */

:root {
  /* Rust Brand Colors */
  --rust-orange: #CE422B;
  --rust-dark: #2C1810;
  --rust-light: #F4E8E1;
  
  /* Override Bootstrap primary color */
  --bs-primary: #CE422B;
  --bs-primary-rgb: 206, 66, 43;
}

/* Custom Background */
body {
  background: linear-gradient(135deg, #FFF8F0 0%, #F4E8E1 100%);
  min-height: 100vh;
}

/* Rust-themed header */
h1 {
  color: var(--rust-orange);
  font-weight: 700;
  /* border-bottom: 3px solid var(--rust-orange); */
  padding-bottom: 0.5rem;
  display: inline-block;
}

/* Code block styling */
pre {
  background: #f8f9fa;
  border-left: 4px solid var(--rust-orange);
  padding: 1rem;
  border-radius: 0.375rem;
  overflow-x: auto;
}

code {
  color: var(--rust-dark);
  font-family: 'Courier New', monospace;
}

/* Custom button hover effects */
.btn-primary {
  background-color: var(--rust-orange);
  border-color: var(--rust-orange);
}

.btn-primary:hover {
  background-color: #A0341F;
  border-color: #A0341F;
}

.btn-light {
  border-color: #999;
}
.btn-rust {
  border-color: var(--rust-orange);
}

.btn-rust:hover {
  border-color: #A0341F;
}

/* Card with subtle shadow */
.card {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: none;
}

/* Custom radio button styling */
.form-check-input:checked {
  background-color: var(--rust-orange);
  border-color: var(--rust-orange);
}

/* Smooth transitions */
* {
  transition: all 0.2s ease-in-out;
}