/* cars template bootstrap.min.css */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");

:root {
  /* ── Cores principais ── */
  --bs-primary:        #DC2626;
  --bs-primary-rgb:    220,38,38;
  --bs-secondary:      #374151;
  --bs-secondary-rgb:  55,65,81;
  --bs-success:        #10B981;
  --bs-danger:         #EF4444;
  --bs-warning:        #F59E0B;
  --bs-info:           #3B82F6;
  --bs-light:          #F3F4F6;
  --bs-dark:           #111827;

  /* ── Tipografia ── */
  --bs-font-sans-serif: 'Roboto', system-ui, sans-serif;
  --bs-body-font-size:  1rem;
  --bs-body-color:      #1F2937;
  --bs-body-bg:         #FFFFFF;

  /* ── Border-radius ── */
  --bs-border-radius:    0.375rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-sm: 0.25rem;

  /* ── Sombras ── */
  --bs-box-shadow:       0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --bs-box-shadow-sm:    0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);
  --bs-box-shadow-lg:    0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);

  /* ── Links ── */
  --bs-link-color:       var(--bs-primary);
  --bs-link-hover-color: #B91C1C;
}